feat(auth): 添加用户认证模块与登录页面
This commit is contained in:
28
src/plugins/router-guard/router-permission-guard.ts
Normal file
28
src/plugins/router-guard/router-permission-guard.ts
Normal file
@@ -0,0 +1,28 @@
|
||||
import type { Router } from 'vue-router';
|
||||
|
||||
export function createGuard(router: Router) {
|
||||
router.beforeEach(async (to /* , from */) => {
|
||||
const userStore = useAuthStore();
|
||||
|
||||
if (to.name === 'Login') {
|
||||
userStore.clearToken('User navigated to login page');
|
||||
}
|
||||
|
||||
if (to.meta.ignoreAuth) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (!userStore.isLoggedIn) {
|
||||
console.debug('🔑 [permission-guard] 用户未登录,重定向到登录页');
|
||||
return { name: 'Login' };
|
||||
}
|
||||
});
|
||||
|
||||
router.beforeResolve(async (/* to, from */) => {
|
||||
const userStore = useAuthStore();
|
||||
if (userStore.isLoggedIn && !userStore.userInfo) {
|
||||
console.debug('🔑 [permission-guard] 用户信息不存在,尝试获取用户信息');
|
||||
await userStore.fetchUserInfo();
|
||||
}
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user