uni-app封装请求？

1.项目根目录下创建common文件夹，common文件夹下创建request.js文件。

const baseUrl = 'http://localhost:8000'

const request = (url = '',data={},type = 'GET',header={}) => {

return new Promise((resolve,reject)=>{

uni.request({

       method:type,

       url:baseUrl+url,

       data:date,

       header:header,

       dataType:'json',

}).then((response)=>{

setTimeout(function(){

       uni.hideLoading();

},200);

let [error,res] = response;

resolve(res.data);

}).catch(error=>{

let [err,res] = error;

reject(err)

})

})

}

2.在main.js全局引入，避免文件的重复引入。

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

3.在需要请求的接口使用。

onLoad(){
this.List()
},
methods:{
List(){
this.$request('/login').then((res)=>{
console.log(res)
})
}
}