99 lines
3.0 KiB
JavaScript
99 lines
3.0 KiB
JavaScript
// 这里的vm，就是我们在vue文件里面的this，所以我们能在这里获取vuex的变量，比如存放在里面的token
|
||
// 同时，我们也可以在此使用getApp().globalData，如果你把token放在getApp().globalData的话，也是可以使用的
|
||
const install = (Vue, vm) => {
|
||
Vue.prototype.$u.http.setConfig({
|
||
// baseUrl: 'https://xy.apps.service.zheke.com',
|
||
// imgUrl: 'https://xy.apps.service.zheke.com/',
|
||
baseUrl: 'http://120.55.234.65:8082',
|
||
imgUrl: 'http://120.55.234.65:8082/',
|
||
// imgUrl:'http://115.238.47.235:8987/',
|
||
// baseUrl: 'http://115.238.47.235:8993',
|
||
// 如果将此值设置为true，拦截回调中将会返回服务端返回的所有数据response，而不是response.data
|
||
// 设置为true后，就需要在this.$u.http.interceptor.response进行多一次的判断，请打印查看具体值
|
||
originalData: true,
|
||
// 设置自定义头部content-type
|
||
// header: {
|
||
// 'content-type': 'xxx'
|
||
// }
|
||
});
|
||
// 请求拦截，配置Token等参数
|
||
Vue.prototype.$u.http.interceptor.request = (config) => {
|
||
|
||
// config.header.Token = 'xxxxxx';
|
||
// 方式一，存放在vuex的token，假设 ，见：https://uviewui.com/components/globalVariable.html
|
||
config.header.Authorization = 'Bearer ' + vm.vuex_token;
|
||
// 方式二，如果没有使用uView封装的vuex方法，那么需要使用$store.state获取
|
||
// config.header.token = vm.$store.state.token;
|
||
|
||
// 方式三，如果token放在了globalData，通过getApp().globalData获取
|
||
// config.header.token = getApp().globalData.username;
|
||
|
||
// 方式四，如果token放在了Storage本地存储中，拦截是每次请求都执行的，所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值
|
||
// const token = uni.getStorageSync('token');
|
||
// config.header.token = token;
|
||
|
||
// 注释 7/15
|
||
// uni.showLoading({
|
||
// title: '请求中...'
|
||
// });
|
||
// 注释
|
||
|
||
// setTimeout(function () {
|
||
// uni.hideLoading();
|
||
// }, 2000);
|
||
|
||
return config;
|
||
}
|
||
// 响应拦截，判断状态码是否通过
|
||
Vue.prototype.$u.http.interceptor.response = (res) => {
|
||
// uni.hideLoading();
|
||
|
||
// 检查是否为401未授权错误
|
||
if (res.statusCode === 401) {
|
||
handleAuthError(vm);
|
||
return false;
|
||
}
|
||
|
||
return res.data;
|
||
|
||
if (res.succeed == true || res.success == true) {
|
||
// return res.data || res;
|
||
return res;
|
||
} else {
|
||
// uni.showToast({
|
||
// title: res.error,
|
||
// duration: 2000,
|
||
// icon: 'none'
|
||
// });
|
||
// uni.navigateTo({
|
||
// url: "/pages/login/login/login",
|
||
// });
|
||
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
|
||
// 提取处理401错误的函数
|
||
function handleAuthError(vm) {
|
||
vm.$u.vuex("vuex_user", "");
|
||
vm.$u.vuex("vuex_token", "");
|
||
uni.clearStorage();
|
||
|
||
// 显示提示
|
||
uni.showToast({
|
||
title: '登录已过期，请重新登录!',
|
||
icon: 'none',
|
||
duration: 1500
|
||
});
|
||
|
||
// 延迟跳转到登录页
|
||
uni.reLaunch({
|
||
url: '/pages/login/login/index'
|
||
});
|
||
}
|
||
|
||
export default {
|
||
install
|
||
}
|