66 lines
1.9 KiB
TypeScript
66 lines
1.9 KiB
TypeScript
import router from '@/router';
|
|
import { RouteRecordRaw } from 'vue-router';
|
|
import { useUserStoreHook } from '@/store/modules/user';
|
|
import { usePermissionStoreHook } from '@/store/modules/permission';
|
|
|
|
import NProgress from 'nprogress';
|
|
import 'nprogress/nprogress.css';
|
|
NProgress.configure({ showSpinner: false }); // 进度条
|
|
|
|
const permissionStore = usePermissionStoreHook();
|
|
|
|
// 白名单路由
|
|
const whiteList = ['/login'];
|
|
|
|
router.beforeEach(async (to, from, next) => {
|
|
NProgress.start();
|
|
const userStore = useUserStoreHook();
|
|
if (userStore.Token) {
|
|
// 登录成功，跳转到首页
|
|
if (to.path === '/login') {
|
|
next({ path: '/' });
|
|
NProgress.done();
|
|
} else {
|
|
const hasGetUserInfo = userStore.roles.length > 0;
|
|
// const hasGetUserInfo = true;
|
|
if (hasGetUserInfo) {
|
|
if (to.matched.length === 0) {
|
|
from.name ? next({ name: from.name as any }) : next('/401');
|
|
} else {
|
|
next();
|
|
}
|
|
} else {
|
|
try {
|
|
const { roles } = await userStore.getInfo();
|
|
const accessRoutes: RouteRecordRaw[] = await permissionStore.generateRoutes(roles);
|
|
// const accessRoutess: RouteRecordRaw[] = await permissionStore.generatesRoutes(roles);
|
|
accessRoutes.forEach((route: any) => {
|
|
router.addRoute(route);
|
|
});
|
|
// accessRoutess.forEach((route: any) => {
|
|
// router.addRoute(route);
|
|
// });
|
|
next({ ...to, replace: true });
|
|
} catch (error) {
|
|
// 移除 token 并跳转登录页
|
|
await userStore.resetToken();
|
|
next(`/login?redirect=${to.path}`);
|
|
NProgress.done();
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
// 未登录可以访问白名单页面
|
|
if (whiteList.indexOf(to.path) !== -1) {
|
|
next();
|
|
} else {
|
|
next(`/login?redirect=${to.path}`);
|
|
NProgress.done();
|
|
}
|
|
}
|
|
});
|
|
|
|
router.afterEach(() => {
|
|
NProgress.done();
|
|
});
|