API encapsulation of uniapp applet

File structure ：

1. stay api Create a new file in the folder https.js Request encapsulation

//  Differentiate between development and production environments    Address of the interface 
const baseUrl = 'https://test/'; // Change this to your interface address 

export function https(config) {
	// Show loading
	wx.showLoading({
		title: ' Loading ...'
	});
	// Set request header 
	config.header = {
		'content-type': 'application/json',
	};
	// Check the cache for token
	const token = uni.getStorageSync('graduateToken');
	if (token) {
		config.header.Authorization = token
		// let routes = getCurrentPages(); //  Gets the currently opened page routing array 
		// let curRoute = routes[routes.length - 1].route // Get the current page route 
		// if (routes == 'pages/login/login') {
		// 	uni.switchTab({
		// 		url: '../index/index',
		// 	});
		// }
	} else {
		uni.redirectTo({ 
			url: '/pages/login/login.vue'
		})
	}
	config.url = baseUrl + config.url; //  Request address 
	let promise = new Promise(function(resolve, reject) {
		uni.request(config).then(res => {
			wx.hideLoading() // hide loading
			if (res[0]) {
				uni.showToast({
					title: " Data acquisition failed ",
					icon: "none",
					duration: 1500
				})
				resolve(false);
			} else {
				let data = res[1].data;
				if (data.code == 1) {
					resolve(data);
				} else {
					resolve(data);
				}
			}
		}).catch(error => {
			wx.hideLoading() // hide loading
			reject(error);
		})
	})
	return promise
}

2. New again api.js Encapsulate the request address

import { https } from './https.js'; //  Introduce just packaged https

class api {
	// Get a list of tuition fees 
	async studentUserMsgsGetTuitionALL(params) {
		const res = await https({
			url: 'api/v1/getTuitionAll', // Here is your request path 
			method: 'post',
			data: params
		})
		return res
	}
	// Get a list of contracts 
	async bktstudentContract(params) {
		const res = await https({
			url: 'api/v1/index',
			method: 'post',
			data: params
		})
		return res
	}
	// View receipt 
	async studentUserGetReceipt(params) {
		const res = await https({
			url: 'api/v1/getReceipt',
			method: 'post',
			data: params
		})
		return res
	}

}
export default new api()

3. stay main.js Global mount is introduced in

import api from './pages/api/api.js'
Vue.prototype.$api = api

4. Page direct use

			//  Get a list of contracts 
			bktstudentContract() {
				this.$api.bktstudentContract().then((res) => {
					if (res.code == 200) {
						this.contractList = res.data;
					} else {
						uni.showToast({
							title: res.data,
							icon: "none",
							position: 'top',
							duration: 2000
						});
					}
				});
			},


            // It is written in this way ：

			//  Get a list of receipts 
			studentUserGetReceipt() {
				const params = {
					student_msg_id: this.infoId,
				};
				this.$api.studentUserGetReceipt(params).then((res) => {
					if (res.code == 200) {
						this.receiptList = res.data;
					} else {
						uni.showToast({
							title: res.data,
							icon: "none",
							position: 'top',
							duration: 2000
						});
					}
				});
			},