85 lines
2.4 KiB
JavaScript
85 lines
2.4 KiB
JavaScript
|
/**
|
||
|
|
* @Description: 路由权限
|
||
|
|
* @Author: zenghua.wang
|
||
|
|
* @Date: 2022-01-26 22:04:31
|
||
|
|
* @LastEditors: zenghua.wang
|
||
|
|
* @LastEditTime: 2024-05-22 13:36:31
|
||
|
|
*/
|
||
|
|
import NProgress from 'nprogress';
|
||
|
|
import 'nprogress/nprogress.css';
|
||
|
|
import router from '@/router';
|
||
|
|
import { useUserStore } from '@/store/modules/user';
|
||
|
|
import { usePermissionStore } from '@/store/modules/permission';
|
||
|
|
|
||
|
|
NProgress.configure({ showSpinner: false });
|
||
|
|
|
||
|
|
const { VITE_APP_NAME } = import.meta.env;
|
||
|
|
const whiteList = ['/login'];
|
||
|
|
|
||
|
|
router.beforeEach(async (to, from, next) => {
|
||
|
|
// 解决三级菜单页面缓存问题
|
||
|
|
// if (to.matched && to.matched.length > 1) {
|
||
|
|
// for (let i = 0; i < to.matched.length; i++) {
|
||
|
|
// const element = to.matched[i];
|
||
|
|
// if (element.components.default.name === 'ViewBox') {
|
||
|
|
// to.matched.splice(i, 1);
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
|
||
|
|
NProgress.start();
|
||
|
|
if (typeof to.meta.title === 'string') {
|
||
|
|
document.title = VITE_APP_NAME + ' | ' + to.meta.title;
|
||
|
|
}
|
||
|
|
|
||
|
|
const userStore = useUserStore();
|
||
|
|
const hasToken = true; //userStore.hasToken();
|
||
|
|
|
||
|
|
if (hasToken) {
|
||
|
|
if (to.path === '/login') {
|
||
|
|
next({ path: '/' });
|
||
|
|
} else {
|
||
|
|
try {
|
||
|
|
const PermissionStore = usePermissionStore();
|
||
|
|
if (!PermissionStore.routes.length) {
|
||
|
|
const accessRoutes = await PermissionStore.generateRoutes(userStore.roles);
|
||
|
|
accessRoutes.forEach((item) => router.addRoute(item));
|
||
|
|
next({ ...to, replace: true });
|
||
|
|
} else {
|
||
|
|
next();
|
||
|
|
}
|
||
|
|
} catch (error) {
|
||
|
|
next(`/login?redirect=${to.path}`);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if (whiteList.indexOf(to.path) !== -1) {
|
||
|
|
next();
|
||
|
|
} else {
|
||
|
|
next(`/login?redirect=${to.path}`);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// const PermissionStore = usePermissionStore();
|
||
|
|
// console.log('===', PermissionStore.routes);
|
||
|
|
// if (!PermissionStore.routes.length) {
|
||
|
|
// const accessRoutes = await PermissionStore.getRoutes();
|
||
|
|
// accessRoutes.forEach((item) => router.addRoute(item));
|
||
|
|
// next({ ...to, replace: true });
|
||
|
|
// } else {
|
||
|
|
// next();
|
||
|
|
// }
|
||
|
|
});
|
||
|
|
|
||
|
|
router.afterEach((to) => {
|
||
|
|
// qiankun子应用跳转回主应用时判断#app是否还有渲染的子应用,如若没有则重新渲染主应用
|
||
|
|
// setTimeout(() => {
|
||
|
|
// if (to.path === '/') {
|
||
|
|
// if (window.wocwin_qiankun) {
|
||
|
|
// window.wocwin_qiankun = null;
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// }, 300);
|
||
|
|
NProgress.done();
|
||
|
|
});
|