112 lines
3.6 KiB
TypeScript
112 lines
3.6 KiB
TypeScript
|
/**
|
|||
|
|
* 权限控制
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
import 'nprogress/nprogress.css'
|
|||
|
|
|
|||
|
|
import NProgress from 'nprogress'
|
|||
|
|
|
|||
|
|
import config from './config'
|
|||
|
|
import { PageEnum } from './enums/pageEnum'
|
|||
|
|
import router, { findFirstValidRoute } from './router'
|
|||
|
|
import { INDEX_ROUTE, INDEX_ROUTE_NAME } from './router/routes'
|
|||
|
|
import useTabsStore from './stores/modules/multipleTabs'
|
|||
|
|
import useUserStore from './stores/modules/user'
|
|||
|
|
import { clearAuthInfo } from './utils/auth'
|
|||
|
|
import { isExternal } from './utils/validate'
|
|||
|
|
|
|||
|
|
// 动态添加路由-使用递归进行调整-（fix: 修复之前超过3级菜单导致使用keep-alive功能无效问题
|
|||
|
|
const addRoutesRecursively = (routes: any, parentPath = '') => {
|
|||
|
|
try {
|
|||
|
|
routes.forEach((route: any) => {
|
|||
|
|
// 如果路由是外部链接，则不添加
|
|||
|
|
if (isExternal(route.path)) {
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 拼接父路由路径和当前路由路径
|
|||
|
|
const fullPath = parentPath + route.path
|
|||
|
|
|
|||
|
|
// 创建路由对象，确保每个路由都有唯一的名称
|
|||
|
|
const routerEntry = {
|
|||
|
|
...route,
|
|||
|
|
path: fullPath,
|
|||
|
|
name: route.name || fullPath.replace(/\//g, '_').replace('_', '') // 替换斜杠为下划线，生成唯一名称
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 添加路由
|
|||
|
|
if (!route.children) {
|
|||
|
|
router.addRoute(INDEX_ROUTE_NAME, routerEntry)
|
|||
|
|
} else {
|
|||
|
|
router.addRoute(routerEntry)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 递归处理子路由
|
|||
|
|
if (route.children && route.children.length > 0) {
|
|||
|
|
addRoutesRecursively(route.children, fullPath + '/')
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} catch (e) {
|
|||
|
|
console.error('Error adding routes:', e)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// NProgress配置
|
|||
|
|
NProgress.configure({ showSpinner: false })
|
|||
|
|
|
|||
|
|
const loginPath = PageEnum.LOGIN
|
|||
|
|
const defaultPath = PageEnum.INDEX
|
|||
|
|
// 免登录白名单
|
|||
|
|
const whiteList: string[] = [PageEnum.LOGIN, PageEnum.ERROR_403]
|
|||
|
|
router.beforeEach(async (to, from, next) => {
|
|||
|
|
// 开始 Progress Bar
|
|||
|
|
NProgress.start()
|
|||
|
|
document.title = to.meta.title ?? config.title
|
|||
|
|
const userStore = useUserStore()
|
|||
|
|
const tabsStore = useTabsStore()
|
|||
|
|
if (whiteList.includes(to.path)) {
|
|||
|
|
// 在免登录白名单，直接进入
|
|||
|
|
next()
|
|||
|
|
} else if (userStore.token) {
|
|||
|
|
// 获取用户信息
|
|||
|
|
const hasGetUserInfo = Object.keys(userStore.userInfo).length !== 0
|
|||
|
|
if (hasGetUserInfo) {
|
|||
|
|
if (to.path === loginPath) {
|
|||
|
|
next({ path: defaultPath })
|
|||
|
|
} else {
|
|||
|
|
next()
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
try {
|
|||
|
|
await userStore.getUserInfo()
|
|||
|
|
const routes = userStore.routes
|
|||
|
|
// 找到第一个有效路由
|
|||
|
|
const routeName = findFirstValidRoute(routes)
|
|||
|
|
// 没有有效路由跳转到403页面
|
|||
|
|
if (!routeName) {
|
|||
|
|
clearAuthInfo()
|
|||
|
|
next(PageEnum.ERROR_403)
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
tabsStore.setRouteName(routeName!)
|
|||
|
|
INDEX_ROUTE.redirect = { name: routeName }
|
|||
|
|
|
|||
|
|
// 动态添加index路由
|
|||
|
|
router.addRoute(INDEX_ROUTE)
|
|||
|
|
// 动态添加其余路由
|
|||
|
|
addRoutesRecursively(routes)
|
|||
|
|
next({ ...to, replace: true })
|
|||
|
|
} catch (err) {
|
|||
|
|
clearAuthInfo()
|
|||
|
|
next({ path: loginPath, query: { redirect: to.fullPath } })
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
next({ path: loginPath, query: { redirect: to.fullPath } })
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
router.afterEach(() => {
|
|||
|
|
NProgress.done()
|
|||
|
|
})
|