fix(auth): 修复登录流程
恢复被注释的登录跳转逻辑 移除调试用的return语句 启用401未授权错误处理 修正教师登录后的跳转路径 统一代码格式和引号风格
This commit is contained in:
parent
36df45cc52
commit
6c6396bb3d
2
App.vue
2
App.vue
|
|
@ -34,8 +34,6 @@ export default {
|
|||
}
|
||||
},
|
||||
});
|
||||
// 先返回
|
||||
return
|
||||
|
||||
if (!that.vuex_token) {
|
||||
const type = that.vuex_userType || 0; // 0:学生 1:教师
|
||||
|
|
|
|||
|
|
@ -1,99 +1,97 @@
|
|||
// 这里的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) => {
|
||||
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;
|
||||
|
||||
// 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放在了globalData，通过getApp().globalData获取
|
||||
// config.header.token = getApp().globalData.username;
|
||||
// 方式四，如果token放在了Storage本地存储中，拦截是每次请求都执行的，所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值
|
||||
// const token = uni.getStorageSync('token');
|
||||
// config.header.token = token;
|
||||
|
||||
// 方式四，如果token放在了Storage本地存储中，拦截是每次请求都执行的，所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值
|
||||
// const token = uni.getStorageSync('token');
|
||||
// config.header.token = token;
|
||||
|
||||
// 注释 7/15
|
||||
// uni.showLoading({
|
||||
// title: '请求中...'
|
||||
// });
|
||||
// 注释
|
||||
// 注释 7/15
|
||||
// uni.showLoading({
|
||||
// title: '请求中...'
|
||||
// });
|
||||
// 注释
|
||||
|
||||
// setTimeout(function () {
|
||||
// uni.hideLoading();
|
||||
// }, 2000);
|
||||
// setTimeout(function () {
|
||||
// uni.hideLoading();
|
||||
// }, 2000);
|
||||
|
||||
return config;
|
||||
}
|
||||
// 响应拦截，判断状态码是否通过
|
||||
Vue.prototype.$u.http.interceptor.response = (res) => {
|
||||
// uni.hideLoading();
|
||||
return config;
|
||||
};
|
||||
// 响应拦截，判断状态码是否通过
|
||||
Vue.prototype.$u.http.interceptor.response = (res) => {
|
||||
// uni.hideLoading();
|
||||
|
||||
// 先注释
|
||||
// 检查是否为401未授权错误
|
||||
// if (res.statusCode === 401) {
|
||||
// handleAuthError(vm);
|
||||
// return false;
|
||||
// }
|
||||
|
||||
return res.data;
|
||||
// 检查是否为401未授权错误
|
||||
if (res.statusCode === 401) {
|
||||
handleAuthError(vm);
|
||||
return false;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
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'
|
||||
});
|
||||
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
|
||||
}
|
||||
install,
|
||||
};
|
||||
|
|
|
|||
|
|
@ -357,9 +357,6 @@ export default {
|
|||
|
||||
// 登录
|
||||
login() {
|
||||
console.log("登录...");
|
||||
|
||||
return;
|
||||
// const res = {
|
||||
// data: {
|
||||
// // token:
|
||||
|
|
@ -369,18 +366,18 @@ export default {
|
|||
// },
|
||||
// };
|
||||
|
||||
const token = res.data.token;
|
||||
// 解析获取用户信息
|
||||
const userInfo = getUserInfoFromJWT(token);
|
||||
// 保存登录后得到的用户数据
|
||||
this.$u.vuex("vuex_token", token);
|
||||
this.$u.vuex("vuex_user", userInfo);
|
||||
// const token = res.data.token;
|
||||
// // 解析获取用户信息
|
||||
// const userInfo = getUserInfoFromJWT(token);
|
||||
// // 保存登录后得到的用户数据
|
||||
// this.$u.vuex("vuex_token", token);
|
||||
// this.$u.vuex("vuex_user", userInfo);
|
||||
|
||||
// 跳转至首页
|
||||
uni.reLaunch({
|
||||
url: "/pages/home/index/index",
|
||||
});
|
||||
return;
|
||||
// // 跳转至首页
|
||||
// uni.reLaunch({
|
||||
// url: "/pages/home/index/index",
|
||||
// });
|
||||
// return;
|
||||
|
||||
// 校验手机号
|
||||
if (!this.validatePhone()) {
|
||||
|
|
@ -447,7 +444,7 @@ export default {
|
|||
|
||||
// 跳转至首页
|
||||
const url = this.isTeacher
|
||||
? "/pages/notes/index"
|
||||
? "/pages/consultation/index"
|
||||
: "/pages/home/index/index";
|
||||
uni.reLaunch({
|
||||
url: url,
|
||||
|
|
|
|||
|
|
@ -33,12 +33,10 @@ const initApp = function (vm) {
|
|||
// url: config.loginPage
|
||||
// })
|
||||
|
||||
// 先注释
|
||||
// uni.navigateTo({
|
||||
// url: "/pages/login/login/index",
|
||||
// });
|
||||
// return false;
|
||||
return e;
|
||||
uni.navigateTo({
|
||||
url: "/pages/login/login/index",
|
||||
});
|
||||
return false;
|
||||
} else {
|
||||
return e;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue