uniapp封裝request方法及調用

export default {
    doRequest(method, url, data) {
        // 如果data為空
        if (!data) var data = []
        var arr = []
        arr.push(data)
　　　　　　//我司項目需要驗證state和openid,我登錄后存在本地
        var state = uni.getStorageSync('state');
        var openid = uni.getStorageSync('openid');
        arr[0].state = state;
        arr[0].openid = openid;
        // 接口需要驗證的可以將json轉成數組添加值再調用
        // 不需要的可以直接data:data
        return new Promise((resolve, reject) => {
            uni.request({
                method: method,
                url: url,
                data: arr[0],
                // data:data
                header: {
                    'content-type': 'application/x-www-form-urlencoded'
                },
                success: function(result) {
                    // resolve調用后，即可傳遞到調用方使用then或者async+await同步方式進行處理邏輯
                    resolve(result)
                },
                fail: function(e) {
                    console.log('error in...')
                    // reject調用后，即可傳遞到調用方使用catch或者async+await同步方式進行處理邏輯
                    reject(e)
                },
            })
        })

    },
    
}

 

 

調用

that.$req.doRequest().then(res => {
                // 獲得數據
                console.log(res);
                that.infoList = res.data.data;
                setTimeout(function() {
                    that.loadingActive = false;
                }, 200);
            })
            .catch(res => {
                console.log(res);
            });

 

全局注冊

import Req from 'common/js/request.js'
Vue.prototype.$req = Req;