mpvue封装数据请求(一)

&＃xff08;一&＃xff09;在utils文件中新建httppost.js文件,用于请求数据封装
&＃96;

const host&＃61;""//如果有则输入
function request(url,method,data,header&＃61;{}){wx.showLoading({title:&＃39;正在加载中....&＃39;})return new Promise((resolve,reject)&＃61;>{wx.request({url:url,method:method,data:data,header:{&＃39;content-type&＃39;:&＃39;application/json&＃39;},success:function(res){wx.hideLoading();resolve(res.data)},fail:function(res){wx.hideLoading();reject(res);},complete:function(res){wx.hideLoading();}})})
}//封装get方法
function get(obj){return request(obj.url,&＃39;GET&＃39;,obj.data)
}
//封装post方法
function post(obj){return request(obj.url,&＃39;POST&＃39;,obj.data)
}


(二)在main.js中引入原型(最外层的main.js&＃xff0c;用作全局变量)

import HttpPost from "./utils/httppost&＃39;;//引入
Vue.prototype.$wxhttp&＃61;HttpPost;//作为全局变量


(三)在组件中使用

this.$wxhttp.get({url:"/login",//连接的网址data:{};//需要的参数
}).then((res)&＃61;>{console.log(res)
})