登录过期不跳转问题

This commit is contained in:
jianzhichu
2025-12-05 08:30:51 +08:00
parent c03dc5beff
commit a36c815861
12 changed files with 44 additions and 66 deletions
+1 -1
View File
@@ -70,7 +70,7 @@ watch(
watch(
_value,
(newMode) => {
console.log('mode switched to:', newMode);
// console.log('mode switched to:', newMode);
if (typeof window !== 'undefined') {
localStorage.setItem(STORAGE_KEY, newMode);
}
+1 -1
View File
@@ -9,7 +9,7 @@ const router = createRouter(
routes,
}
);
console.log(router)
// console.log(router)
// 注册导航守卫
guards.before.forEach(router.beforeEach);
guards.after.forEach(router.afterEach);
+1 -1
View File
@@ -39,7 +39,7 @@ export const useAccountStore = defineStore('account', {
if (response.code === 200 && response.data.code === 0) {
this.logged = true;
this.logged2 = true
console.log(response)
// console.log(response)
http.setAuthorization(`Bearer ${response.data.token}`, response.data.expires);
// await useMenuStore().getMenuList();
return response.data;
+21 -9
View File
@@ -3,7 +3,8 @@ import createHttp from '@/utils/axiosHttp';
import { isResponse } from '@/types';
import NProgress from 'nprogress';
import { useAccountStore } from '@/store';
import { message } from 'ant-design-vue';
import router from '@/router'; // 关键:导入路由实例(路径要和实际一致)
const http = createHttp({
timeout: 60000,
baseURL: '/',
@@ -28,21 +29,32 @@ http.interceptors.request.use((req: AxiosRequestConfig) => {
http.interceptors.response.use(
(rep: AxiosResponse<String>) => {
const { data } = rep;
// if (data.code != null)
// console.log(data)
// if (data.code === 401) {
// console.log(data)
// }
if (isResponse(data)) {
return data.code === 0 ? data : Promise.reject(data);
}
return Promise.reject({ message: rep.statusText, code: rep.status, data });
},
(error) => {
// console.log(error)
// debugger
if (error.response.status === 401) {
useAccountStore().setLogged(false)
const accountStore = useAccountStore();
// 1. 清除登录状态
accountStore.setLogged(false);
// 可选:提示用户登录过期
message.warning('登录状态已过期,请重新登录'); // 如使用Element Plus
setTimeout(() => {
const redirectPath = router.currentRoute.value.fullPath;
router.push({
path: '/login',
query: { redirect: redirectPath }
}).then(() => {
console.log('跳转登录页成功');
}).catch((err) => {
console.error('跳转登录页失败:', err); // 关键!捕获跳转失败的原因
});
}, 1000);
} else {
if (error.response && isAxiosResponse(error.response)) {
return Promise.reject({