Brief introduction of asynchronous encapsulation interface request based on uniapp

uni.request({
    
    url: 'https://www.example.com/request', // Just for the sample , Not the real interface address .
    data: {
    
        text: 'uni.request'
    },
    header: {
    
        'custom-header': 'hello' // Custom request header information 
    },
    success: (res) => {
    
        console.log(res.data);
        this.text = 'request success';
    }
});

This is a uniapp Official website The method of initiating the request , It can be seen that it is an asynchronous request ;

Next , Let's encapsulate our project logic again , If you are right about Promise Not to know , It is recommended to understand first ！

request.globalRequest = (url, method, data) => {
    
	    const token = uni.getStorageSync('token');
		headers['Content-Type'] = 'application/x-www-form-urlencoded'
		if (token != ""){
    
			headers['Authorization'] = 'Bearer' + token
		}// The request to carry token
	
		    return uni.request({
    
		        url: url,
		        method,
		        data: data,
		        dataType: 'json',
				sslVerify:false,
		        header: headers
		    }).then(res => {
    
				// return res[1]
		        if (res[1].data.err == 0) {
    // Logical back end business ,err=0 success ,err=1 Failure , Change your business logic .
		            return res[1]
		        } else {
    
		            throw res[1].data // Throw an exception 
		        }
		    }).catch(parmas => {
    
		　　　　　　switch (parmas.code) {
    
		　　　　　　　　case 401:
		　　　　　　　　//  Login failed , unauthorized 
		　　　　　　　　　　uni.clearStorageSync()// Synchronously clean up the local data cache .
		　　　　　　　　　　break
		　　　　　　　　default:
		　　　　　　　　　　uni.showToast({
      // Pop up exception reminder 
		　　　　　　　　　　　　title: parmas.msg,
		　　　　　　　　　　　　icon: 'none'
		　　　　　　　　　　})
		　　　　　　　　　　return Promise.reject()
		　　　　　　　　　　break
		　　　　　　}
		　　})
 } 

export default request