118 lines
3.8 KiB
TypeScript
118 lines
3.8 KiB
TypeScript
import router from '@/routers'
|
|
import { LOGIN_URL } from '@/config'
|
|
import { type RouteRecordRaw } from 'vue-router'
|
|
import { ElNotification } from 'element-plus'
|
|
import { useUserStore } from '@/stores/modules/user'
|
|
import { useAuthStore } from '@/stores/modules/auth'
|
|
|
|
// 引入 views 文件夹下所有 vue 文件
|
|
const modules = import.meta.glob('@/views/**/*.vue')
|
|
|
|
let isInitializing = false
|
|
|
|
/**
|
|
* 清除已有的动态路由
|
|
*/
|
|
const clearDynamicRoutes = () => {
|
|
const routes = router.getRoutes()
|
|
routes.forEach(route => {
|
|
if (route.name && route.name !== 'layout' && route.name !== 'login' && route.name !== 'testScriptAdd') {
|
|
router.removeRoute(route.name)
|
|
}
|
|
})
|
|
}
|
|
|
|
/**
|
|
* 根据 component 路径查找对应的模块
|
|
* @param path 组件路径
|
|
*/
|
|
const resolveComponentModule = async (path: string) => {
|
|
// 规范化路径，去除首尾斜杠
|
|
let normalizedPath = path.trim()
|
|
if (!normalizedPath.startsWith('/')) {
|
|
normalizedPath = '/' + normalizedPath
|
|
}
|
|
if (normalizedPath.endsWith('.vue')) {
|
|
normalizedPath = normalizedPath.slice(0, -4)
|
|
}
|
|
|
|
const fullPath = `/src/views${normalizedPath}.vue`
|
|
return modules[fullPath]
|
|
}
|
|
|
|
/**
|
|
* @description 初始化动态路由
|
|
*/
|
|
export const initDynamicRouter = async () => {
|
|
if (isInitializing) return Promise.reject(new Error('Dynamic router initialization in progress'))
|
|
|
|
isInitializing = true
|
|
const userStore = useUserStore()
|
|
const authStore = useAuthStore()
|
|
|
|
try {
|
|
// 1. 获取菜单列表 && 按钮权限列表
|
|
await authStore.getAuthMenuList()
|
|
await authStore.getAuthButtonList()
|
|
|
|
// 2. 判断当前用户有没有菜单权限
|
|
if (!authStore.authMenuListGet.length) {
|
|
ElNotification({
|
|
title: '无权限访问',
|
|
message: '当前账号无任何菜单权限，请联系系统管理员！',
|
|
type: 'warning',
|
|
duration: 3000
|
|
})
|
|
userStore.setAccessToken('')
|
|
userStore.setRefreshToken('')
|
|
userStore.setExp(0)
|
|
await router.replace(LOGIN_URL)
|
|
return Promise.reject('No permission')
|
|
}
|
|
|
|
// 3. 清理之前的动态路由
|
|
clearDynamicRoutes()
|
|
|
|
// 4. 添加动态路由
|
|
for (const item of authStore.flatMenuListGet) {
|
|
// 删除 children 避免冗余嵌套
|
|
if (item.children) delete item.children
|
|
|
|
// 处理组件映射
|
|
if (item.component && typeof item.component === 'string') {
|
|
const moduleLoader = await resolveComponentModule(item.component)
|
|
if (moduleLoader) {
|
|
item.component = moduleLoader
|
|
} else {
|
|
console.warn(`未能找到组件: ${item.component}`)
|
|
continue
|
|
}
|
|
}
|
|
|
|
// 类型守卫：确保满足 RouteRecordRaw 接口要求
|
|
if (
|
|
typeof item.path === 'string' &&
|
|
(typeof item.component === 'function' || typeof item.redirect === 'string')
|
|
) {
|
|
const routeItem = item as unknown as RouteRecordRaw
|
|
if (item.meta.isFull) {
|
|
router.addRoute(routeItem)
|
|
} else {
|
|
router.addRoute('layout', routeItem)
|
|
}
|
|
} else {
|
|
console.warn('Invalid route item:', item)
|
|
}
|
|
}
|
|
} catch (error) {
|
|
// 当按钮 || 菜单请求出错时，重定向到登陆页
|
|
userStore.setAccessToken('')
|
|
userStore.setRefreshToken('')
|
|
userStore.setExp(0)
|
|
await router.replace(LOGIN_URL)
|
|
return Promise.reject(error)
|
|
} finally {
|
|
isInitializing = false
|
|
}
|
|
}
|