uni-app网络请求(项目实战)

封装

// 全局请求路径，也就是后端的请求基准路径
const BASE_URL = 'http://172.10.0.1:8080'
const header = {}
const request = (url='',method='',data={}) => {
    header['content-type'] = "application/json;charset=utf-8";
    return new Promise((resolve,reject) => {
        uni.request({
            method:method,
            url:BASE_URL + url,
            data:data,
            header:header,
            dataType:'json'
        }).then((response) => {
            let [error,res] = response;
            resolve(res.data);
        }).catch((error) => {
            let [err,res] = error;
            reject(error);
        });
    });
}
export default request

挂载

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

使用

this.$request('url','GET',{
  //请求参数
}).then((res)=>{
  console.log(res)
})