uniapp封装请求挂载调用

封装require.js

const commonUrl = "https://192.168.1.103:8080/pig/"; //公共路径 
const commonImgUrl = 'https://192.168.1.103:8080/FileUpload/'
    // post请求封装
function postRequest(url, data) {
    var promise = new Promise((resolve, reject) => {
        var that = this;
        var postData = data;
        uni.request({
            url: commonUrl + url,
            data: postData,
            method: "POST",
            header: {
                "content-type": "application/x-www-form-urlencoded",
                token: uni.getStorageSync("token")
            },
            success: function(res) {
                //返回什么就相应的做调整
                if (res.statusCode == 200) {
                    resolve(res.data);
                } else {
                    // 请求服务器成功，但是由于服务器没有数据返回，此时无code。会导致这个空数据
                    //接口后面的then执行
                    // 不下去，导致报错，所以还是要resolve下，这样起码有个返回值，
                    //不会被阻断在那里执行不下去！
                    resolve(res.data.msg);
                }
            },
            error: function(e) {
                reject("网络出错");
            }
        });
    });
    return promise;
}

// get请求封装
function getRequest(url, data) {
    var promise = new Promise((resolve, reject) => {
        var that = this;
        var postData = data;
        uni.request({
            url: commonUrl + url,
            data: postData,
            method: "GET",
            dataType: "json",
            header: {
                "content-type": "application/json"
            },
            success: function(res) {
                if (res.statusCode == 200) {
                    resolve(res.data);
                } else {
                    resolve(res.data);
                }
            },
            error: function(e) {
                reject("网络出错");
            }
        });
    });
    return promise;
}

module.exports = {
    post: postRequest,
    get: getRequest,
    imgUrl: commonImgUrl
};

main.js 引用 + 挂载

import Vue from 'vue'
import App from './App'
import myRequest from '@/utils/require.js'
import store from './store'

Vue.prototype.$store = store
Vue.prototype.$myRequest = myRequest
Vue.prototype.$imgUrl = myRequest.imgUrl
Vue.config.productionTip = false

App.mpType = 'app'


const app = new Vue({
    ...App,
    store
})
app.$mount()

页面调用

async add(){ 
				let data = {
				  attach_type: 1
				}
				const res =  await this.$myRequest.get('home/getAttachInfo.do',data);
				if(res.result == 200){
					this.swiperList = res.data.map(item => ({
							attach_id: item.attach_id,
							attach_path: this.$imgUrl + item.attach_path, 
							buss_id:item.buss_id,
							pic_link:item.pic_link,
							type:item.type
						})) 
					console.log(this.swiperList)
				}
			},
``