新建request.js

const baseUrl = 'http://xxx.xxxx.xxx';//接口域名
let reqCount = 0,resCount = 0;//記錄請(qǐng)求次數(shù)和響應(yīng)次數(shù)

const request = (options) => {
    reqCount++;
    uni.showLoading();
    return new Promise((resolve, reject) => {
        uni.request({
            method: options.method,
            url: baseUrl + options.url,
            data: options.data,
            header: options.header//如需其他配置可在此添加或先轉(zhuǎn)換options.url，然后 ...options
        }).then((response) => {
            resCount++
            if(reqCount === resCount) uni.hideLoading();//防止連續(xù)請(qǐng)求多個(gè)接口時(shí)loading閃現(xiàn)
            let [error, res] = response;        
            resolve(res.data);
        }).catch(error => {
            resCount++
            if(reqCount === resCount) uni.hideLoading();
            let [err, res] = error;
            reject(err)
        })
    });
}
export default request

main.js中：

導(dǎo)入request，并掛載到vue

import request from "utils/request.js"
Vue.prototype.$request = request

在組件中使用：

this.$request({
        url:"/xxx/xxx/xxx",
        method:"POST",
        data:{"id":1}
    }).then((res)=>{
        console.log(res)
    }).catch((error)=>{
        console.log(error)
    })