index.ts 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. import type { RouteRecordRaw } from 'vue-router';
  2. import { mergeRouteModules, traverseTreeValues } from '@vben/utils';
  3. import { coreRoutes, fallbackNotFoundRoute } from './core';
  4. const dynamicRouteFiles = import.meta.glob('./modules/**/*.ts', {
  5. eager: true,
  6. });
  7. // 有需要可以自行打开注释,并创建文件夹
  8. const externalRouteFiles = import.meta.glob('./external/**/*.ts', {
  9. eager: true,
  10. });
  11. const staticRouteFiles = import.meta.glob('./static/**/*.ts', {
  12. eager: true,
  13. });
  14. /** 动态路由 */
  15. const dynamicRoutes: RouteRecordRaw[] = mergeRouteModules(dynamicRouteFiles);
  16. /** 外部路由列表,访问这些页面可以不需要Layout,可能用于内嵌在别的系统(不会显示在菜单中) */
  17. const externalRoutes: RouteRecordRaw[] = mergeRouteModules(externalRouteFiles);
  18. /** 静态路由列表,访问这些页面需要权限控制 */
  19. const staticRoutes: RouteRecordRaw[] = mergeRouteModules(staticRouteFiles);
  20. /** 路由列表,由基本路由、外部路由和404兜底路由组成
  21. * 无需走权限验证(会一直显示在菜单中) */
  22. const routes: RouteRecordRaw[] = [
  23. ...coreRoutes,
  24. ...externalRoutes,
  25. fallbackNotFoundRoute,
  26. ];
  27. /** 基本路由列表,这些路由不需要进入权限拦截 */
  28. const coreRouteNames = traverseTreeValues(coreRoutes, (route) => route.name);
  29. /** 有权限校验的路由列表,包含动态路由和静态路由 */
  30. const accessRoutes = [...dynamicRoutes, ...staticRoutes];
  31. export { accessRoutes, coreRouteNames, routes };