ruoyi-plus-soybean/src/router/routes.ts

import type { RouteRecordRaw } from 'vue-router';
import { BasicLayout, BlankLayout, BlankChildLayout } from '@/layouts';
import { EnumRoutePaths } from '@/enum';

type RouteKey = keyof typeof EnumRoutePaths;

/** 路由名称 */
export const RouteNameMap = new Map<RouteKey, RouteKey>((Object.keys(EnumRoutePaths) as RouteKey[]).map(v => [v, v]));

/**
 * 固定不变的路由
 * @description !最后一项重定向未找到的路由须放置路由的最后一项
 */
export const constantRoutes: Array<RouteRecordRaw> = [
  {
    name: 'system',
    path: '/system',
    component: BlankLayout,
    redirect: { name: 'not-found' },
    children: [
      // 登录
      {
        name: RouteNameMap.get('login'),
        path: EnumRoutePaths.login,
        component: () => import('@/views/system/login/index.vue'),
        meta: {
          fullPage: true
        }
      },
      // 404
      {
        name: RouteNameMap.get('not-found'),
        path: EnumRoutePaths['not-found'],
        component: () => import('@/views/system/exception/404.vue'),
        meta: {
          fullPage: true
        }
      },
      // 403
      {
        name: RouteNameMap.get('no-permission'),
        path: EnumRoutePaths['no-permission'],
        component: () => import('@/views/system/exception/403.vue'),
        meta: {
          fullPage: true
        }
      },
      // 500
      {
        name: RouteNameMap.get('service-error'),
        path: EnumRoutePaths['service-error'],
        component: () => import('@/views/system/exception/500.vue'),
        meta: {
          fullPage: true
        }
      }
    ]
  },
  // 匹配无效的路径重定向404
  {
    path: '/:pathMatch(.*)*',
    redirect: { name: 'not-found' }
  }
];

/**
 * 自定义路由
 */
export const customRoutes: Array<RouteRecordRaw> = [
  {
    name: 'root',
    path: '/',
    redirect: { name: RouteNameMap.get('dashboard-analysis') },
    component: BasicLayout,
    children: [
      {
        name: 'dashboard',
        path: '/dashboard',
        component: BlankChildLayout,
        children: [
          {
            name: RouteNameMap.get('dashboard-analysis'),
            path: EnumRoutePaths['dashboard-analysis'],
            component: () => import('@/views/dashboard/analysis/index.vue')
          },
          {
            name: RouteNameMap.get('dashboard-workbench'),
            path: EnumRoutePaths['dashboard-workbench'],
            component: () => import('@/views/dashboard/workbench/index.vue')
          }
        ]
      },
      {
        name: 'exception',
        path: '/exception',
        component: BlankChildLayout,
        children: [
          {
            name: RouteNameMap.get('exception-403'),
            path: EnumRoutePaths['exception-403'],
            component: () => import('@/views/system/exception/403.vue')
          },
          {
            name: RouteNameMap.get('exception-404'),
            path: EnumRoutePaths['exception-404'],
            component: () => import('@/views/system/exception/404.vue')
          },
          {
            name: RouteNameMap.get('exception-500'),
            path: EnumRoutePaths['exception-500'],
            component: () => import('@/views/system/exception/500.vue')
          }
        ]
      }
    ]
  }
];