Files
RentWeAppFront/common/http.interceptor.js

76 lines
2.6 KiB
JavaScript
Raw Normal View History

2025-11-14 11:39:33 +08:00
// 这里的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,
2026-01-15 17:18:24 +08:00
originalData:true,
timeout: 10000,
2025-11-14 11:39:33 +08:00
});
// 请求拦截配置Token等参数
Vue.prototype.$u.http.interceptor.request = (config) => {
// config.header.Token = '5d33018e653d897fc259b42cf022c1b3';
// 方式一存放在vuex的token假设使用了uView封装的vuex方式https://uviewui.com/components/globalVariable.html
// 自定义token头
2026-01-15 17:18:24 +08:00
// 1⃣ 获取本地 userInfo
const userInfo = uni.getStorageSync('userInfo') || {};
// 2⃣ 提取 userType
const userType = userInfo.userType;
2025-12-25 08:26:09 +08:00
config.header = {
...config.header, // ⭐ 保留你外部传入的 header
2026-01-15 17:18:24 +08:00
'content-type': 'application/json',
...(userType ? { 'USERTYPE': userType } : {}) // 有 userType 才加
2025-12-25 08:26:09 +08:00
}
return config;
2025-11-14 11:39:33 +08:00
};
// 响应拦截,判断状态码是否通过
Vue.prototype.$u.http.interceptor.response = (res) => {
// 如果把originalData设置为了true这里得到将会是服务器返回的所有的原始数据
// 判断可能变成了res.statueCode或者res.data.code之类的请打印查看结果
2026-01-15 17:18:24 +08:00
if(res.statusCode == 200) {
return res.data;
} else if(res.statusCode == 301) {
2025-11-14 11:39:33 +08:00
vm.$u.toast('警告:' + res.msg);
return false;
2026-01-15 17:18:24 +08:00
} else if(res.statusCode == 401) {
uni.navigateTo({
url:'/pages-biz/login/login'
2025-11-14 11:39:33 +08:00
})
vm.$u.toast('认证失败,请重新登录')
return false;
2026-01-15 17:18:24 +08:00
} else if(res.statusCode == 403) {
uni.navigateTo({
url:'/pages-biz/login/login'
2025-11-14 11:39:33 +08:00
})
vm.$u.toast('认证失败,请重新登录')
return false;
2026-01-15 17:18:24 +08:00
} else if(res.statusCode == 500) {
vm.$u.toast('请求错误:' + res.msg);
2025-11-14 11:39:33 +08:00
return false;
} else {
// 其他情况都认为是不合法的
vm.$u.toast('警告:' + res.msg);
return false;
}
};
2026-01-15 17:18:24 +08:00
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);
};
2025-11-14 11:39:33 +08:00
}
export default {
install
}