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) {
|
if (!that.vuex_token) {
|
||||||
const type = that.vuex_userType || 0; // 0:学生 1:教师
|
const type = that.vuex_userType || 0; // 0:学生 1:教师
|
||||||
|
|
|
||||||
|
|
@ -1,99 +1,97 @@
|
||||||
// 这里的vm，就是我们在vue文件里面的this，所以我们能在这里获取vuex的变量，比如存放在里面的token
|
// 这里的vm，就是我们在vue文件里面的this，所以我们能在这里获取vuex的变量，比如存放在里面的token
|
||||||
// 同时，我们也可以在此使用getApp().globalData，如果你把token放在getApp().globalData的话，也是可以使用的
|
// 同时，我们也可以在此使用getApp().globalData，如果你把token放在getApp().globalData的话，也是可以使用的
|
||||||
const install = (Vue, vm) => {
|
const install = (Vue, vm) => {
|
||||||
Vue.prototype.$u.http.setConfig({
|
Vue.prototype.$u.http.setConfig({
|
||||||
// baseUrl: 'https://xy.apps.service.zheke.com',
|
// baseUrl: 'https://xy.apps.service.zheke.com',
|
||||||
// imgUrl: 'https://xy.apps.service.zheke.com/',
|
// imgUrl: 'https://xy.apps.service.zheke.com/',
|
||||||
baseUrl: 'http://120.55.234.65:8082',
|
baseUrl: "http://120.55.234.65:8082",
|
||||||
imgUrl: 'http://120.55.234.65:8082/',
|
imgUrl: "http://120.55.234.65:8082/",
|
||||||
// imgUrl:'http://115.238.47.235:8987/',
|
// imgUrl:'http://115.238.47.235:8987/',
|
||||||
// baseUrl: 'http://115.238.47.235:8993',
|
// baseUrl: 'http://115.238.47.235:8993',
|
||||||
// 如果将此值设置为true，拦截回调中将会返回服务端返回的所有数据response，而不是response.data
|
// 如果将此值设置为true，拦截回调中将会返回服务端返回的所有数据response，而不是response.data
|
||||||
// 设置为true后，就需要在this.$u.http.interceptor.response进行多一次的判断，请打印查看具体值
|
// 设置为true后，就需要在this.$u.http.interceptor.response进行多一次的判断，请打印查看具体值
|
||||||
originalData: true,
|
originalData: true,
|
||||||
// 设置自定义头部content-type
|
// 设置自定义头部content-type
|
||||||
// header: {
|
// header: {
|
||||||
// 'content-type': 'xxx'
|
// 'content-type': 'xxx'
|
||||||
// }
|
// }
|
||||||
});
|
});
|
||||||
// 请求拦截，配置Token等参数
|
// 请求拦截，配置Token等参数
|
||||||
Vue.prototype.$u.http.interceptor.request = (config) => {
|
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';
|
// 方式三，如果token放在了globalData，通过getApp().globalData获取
|
||||||
// 方式一，存放在vuex的token，假设 ，见：https://uviewui.com/components/globalVariable.html
|
// config.header.token = getApp().globalData.username;
|
||||||
config.header.Authorization = 'Bearer ' + vm.vuex_token;
|
|
||||||
// 方式二，如果没有使用uView封装的vuex方法，那么需要使用$store.state获取
|
|
||||||
// config.header.token = vm.$store.state.token;
|
|
||||||
|
|
||||||
// 方式三，如果token放在了globalData，通过getApp().globalData获取
|
// 方式四，如果token放在了Storage本地存储中，拦截是每次请求都执行的，所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值
|
||||||
// config.header.token = getApp().globalData.username;
|
// const token = uni.getStorageSync('token');
|
||||||
|
// config.header.token = token;
|
||||||
|
|
||||||
// 方式四，如果token放在了Storage本地存储中，拦截是每次请求都执行的，所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值
|
// 注释 7/15
|
||||||
// const token = uni.getStorageSync('token');
|
// uni.showLoading({
|
||||||
// config.header.token = token;
|
// title: '请求中...'
|
||||||
|
// });
|
||||||
// 注释 7/15
|
// 注释
|
||||||
// uni.showLoading({
|
|
||||||
// title: '请求中...'
|
|
||||||
// });
|
|
||||||
// 注释
|
|
||||||
|
|
||||||
// setTimeout(function () {
|
// setTimeout(function () {
|
||||||
// uni.hideLoading();
|
// uni.hideLoading();
|
||||||
// }, 2000);
|
// }, 2000);
|
||||||
|
|
||||||
return config;
|
return config;
|
||||||
}
|
};
|
||||||
// 响应拦截，判断状态码是否通过
|
// 响应拦截，判断状态码是否通过
|
||||||
Vue.prototype.$u.http.interceptor.response = (res) => {
|
Vue.prototype.$u.http.interceptor.response = (res) => {
|
||||||
// uni.hideLoading();
|
// uni.hideLoading();
|
||||||
|
|
||||||
// 先注释
|
// 检查是否为401未授权错误
|
||||||
// 检查是否为401未授权错误
|
if (res.statusCode === 401) {
|
||||||
// if (res.statusCode === 401) {
|
handleAuthError(vm);
|
||||||
// handleAuthError(vm);
|
return false;
|
||||||
// return false;
|
}
|
||||||
// }
|
|
||||||
|
|
||||||
return res.data;
|
|
||||||
|
|
||||||
if (res.succeed == true || res.success == true) {
|
return res.data;
|
||||||
// return res.data || res;
|
|
||||||
return res;
|
if (res.succeed == true || res.success == true) {
|
||||||
} else {
|
// return res.data || res;
|
||||||
// uni.showToast({
|
return res;
|
||||||
// title: res.error,
|
} else {
|
||||||
// duration: 2000,
|
// uni.showToast({
|
||||||
// icon: 'none'
|
// title: res.error,
|
||||||
// });
|
// duration: 2000,
|
||||||
// uni.navigateTo({
|
// icon: 'none'
|
||||||
// url: "/pages/login/login/login",
|
// });
|
||||||
// });
|
// uni.navigateTo({
|
||||||
|
// url: "/pages/login/login/login",
|
||||||
return false;
|
// });
|
||||||
}
|
|
||||||
}
|
return false;
|
||||||
}
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
// 提取处理401错误的函数
|
// 提取处理401错误的函数
|
||||||
function handleAuthError(vm) {
|
function handleAuthError(vm) {
|
||||||
vm.$u.vuex("vuex_user", "");
|
vm.$u.vuex("vuex_user", "");
|
||||||
vm.$u.vuex("vuex_token", "");
|
vm.$u.vuex("vuex_token", "");
|
||||||
uni.clearStorage();
|
uni.clearStorage();
|
||||||
|
|
||||||
// 显示提示
|
// 显示提示
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '登录已过期，请重新登录!',
|
title: "登录已过期，请重新登录!",
|
||||||
icon: 'none',
|
icon: "none",
|
||||||
duration: 1500
|
duration: 1500,
|
||||||
});
|
});
|
||||||
|
|
||||||
// 延迟跳转到登录页
|
// 延迟跳转到登录页
|
||||||
uni.reLaunch({
|
uni.reLaunch({
|
||||||
url: '/pages/login/login/index'
|
url: "/pages/login/login/index",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
install
|
install,
|
||||||
}
|
};
|
||||||
|
|
|
||||||
|
|
@ -357,9 +357,6 @@ export default {
|
||||||
|
|
||||||
// 登录
|
// 登录
|
||||||
login() {
|
login() {
|
||||||
console.log("登录...");
|
|
||||||
|
|
||||||
return;
|
|
||||||
// const res = {
|
// const res = {
|
||||||
// data: {
|
// data: {
|
||||||
// // token:
|
// // token:
|
||||||
|
|
@ -369,18 +366,18 @@ export default {
|
||||||
// },
|
// },
|
||||||
// };
|
// };
|
||||||
|
|
||||||
const token = res.data.token;
|
// const token = res.data.token;
|
||||||
// 解析获取用户信息
|
// // 解析获取用户信息
|
||||||
const userInfo = getUserInfoFromJWT(token);
|
// const userInfo = getUserInfoFromJWT(token);
|
||||||
// 保存登录后得到的用户数据
|
// // 保存登录后得到的用户数据
|
||||||
this.$u.vuex("vuex_token", token);
|
// this.$u.vuex("vuex_token", token);
|
||||||
this.$u.vuex("vuex_user", userInfo);
|
// this.$u.vuex("vuex_user", userInfo);
|
||||||
|
|
||||||
// 跳转至首页
|
// // 跳转至首页
|
||||||
uni.reLaunch({
|
// uni.reLaunch({
|
||||||
url: "/pages/home/index/index",
|
// url: "/pages/home/index/index",
|
||||||
});
|
// });
|
||||||
return;
|
// return;
|
||||||
|
|
||||||
// 校验手机号
|
// 校验手机号
|
||||||
if (!this.validatePhone()) {
|
if (!this.validatePhone()) {
|
||||||
|
|
@ -447,7 +444,7 @@ export default {
|
||||||
|
|
||||||
// 跳转至首页
|
// 跳转至首页
|
||||||
const url = this.isTeacher
|
const url = this.isTeacher
|
||||||
? "/pages/notes/index"
|
? "/pages/consultation/index"
|
||||||
: "/pages/home/index/index";
|
: "/pages/home/index/index";
|
||||||
uni.reLaunch({
|
uni.reLaunch({
|
||||||
url: url,
|
url: url,
|
||||||
|
|
|
||||||
|
|
@ -33,12 +33,10 @@ const initApp = function (vm) {
|
||||||
// url: config.loginPage
|
// url: config.loginPage
|
||||||
// })
|
// })
|
||||||
|
|
||||||
// 先注释
|
uni.navigateTo({
|
||||||
// uni.navigateTo({
|
url: "/pages/login/login/index",
|
||||||
// url: "/pages/login/login/index",
|
});
|
||||||
// });
|
return false;
|
||||||
// return false;
|
|
||||||
return e;
|
|
||||||
} else {
|
} else {
|
||||||
return e;
|
return e;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue