// 这里的vm,就是我们在vue文件里面的this,所以我们能在这里获取vuex的变量,比如存放在里面的token // 同时,我们也可以在此使用getApp().globalData,如果你把token放在getApp().globalData的话,也是可以使用的 import config from "./config.js" // 全局配置文件 const install = (Vue, vm) => { Vue.prototype.$u.http.setConfig({ // baseUrl打包app时放开,h5模式下会和vue.config.js代理冲突,导致失效 baseUrl: config.baseUrl, originalData:true, timeout: 10000, }); // 请求拦截,配置Token等参数 Vue.prototype.$u.http.interceptor.request = (config) => { // config.header.Token = '5d33018e653d897fc259b42cf022c1b3'; // 方式一,存放在vuex的token,假设使用了uView封装的vuex方式,见:https://uviewui.com/components/globalVariable.html // 自定义token头 // 1️⃣ 获取本地 userInfo const userInfo = uni.getStorageSync('userInfo') || {}; // 2️⃣ 提取 userType const userType = userInfo.userType; config.header = { ...config.header, // ⭐ 保留你外部传入的 header 'content-type': 'application/json', ...(userType ? { 'USERTYPE': userType } : {}) // 有 userType 才加 } return config; }; // 响应拦截,判断状态码是否通过 Vue.prototype.$u.http.interceptor.response = (res) => { // 如果把originalData设置为了true,这里得到将会是服务器返回的所有的原始数据 // 判断可能变成了res.statueCode,或者res.data.code之类的,请打印查看结果 if(res.statusCode == 200) { return res.data; } else if(res.statusCode == 301) { vm.$u.toast('警告:' + res.msg); return false; } else if(res.statusCode == 401) { uni.navigateTo({ url:'/pages-biz/login/login' }) vm.$u.toast('认证失败,请重新登录') return false; } else if(res.statusCode == 403) { uni.navigateTo({ url:'/pages-biz/login/login' }) vm.$u.toast('认证失败,请重新登录') return false; } else if(res.statusCode == 500) { vm.$u.toast('请求错误:' + res.msg); return false; } else { // 其他情况都认为是不合法的 vm.$u.toast('警告:' + res.msg); return false; } }; Vue.prototype.$u.http.interceptor.responseError = (err) => { // err 是 uni.request 的 fail 对象 // 超时一般是 err.errMsg 包含 timeout if (err.errMsg && err.errMsg.includes('timeout')) { vm.$u.toast('请求超时,请稍后重试'); } else { vm.$u.toast('网络异常,请检查网络'); } return Promise.reject(err); }; } export default { install }