静态路由改为自动导入modules下的所有ts文件,便于项目新增自定义路由文件,避免与项目产生冲突

pull/750/head
panda 2025-03-24 17:30:59 +08:00
parent 3cac94ef8c
commit 565fad6cc5
1 changed files with 29 additions and 2 deletions

View File

@ -1,13 +1,40 @@
import type { App } from 'vue'
import type { RouteRecordRaw } from 'vue-router'
import { createRouter, createWebHistory } from 'vue-router'
import remainingRouter from './modules/remaining'
// 自动导入modules目录下的所有静态路由项目可以按模块分类增加路由文件
// by panda 25.03.21
const loadRouters = async (): Promise<RouteRecordRaw[]> => {
const modules: any = import.meta.glob('./modules/*.ts')
const allRouters: RouteRecordRaw[] = []
try {
// 等待所有模块加载完成
const loadedModules = await Promise.all(
Object.values(modules).map((importFn: () => Promise<any>) => importFn())
)
loadedModules.forEach((module) => {
if (Array.isArray(module.default)) {
allRouters.push(...module.default)
} else {
console.warn('Module does not export an array of routes:', module)
}
})
} catch (error) {
console.error('Error loading route modules:', error)
}
return allRouters
}
const allRouters = await loadRouters()
// 创建路由实例
const router = createRouter({
history: createWebHistory(import.meta.env.VITE_BASE_PATH), // createWebHashHistory URL带#createWebHistory URL不带#
strict: true,
routes: remainingRouter as RouteRecordRaw[],
routes: allRouters, //自动导入的所有静态路由 by panda 25.03.21
scrollBehavior: () => ({ left: 0, top: 0 })
})