refactor: refactor async routes

src/router/guard/permission-guard.js

@@ -5,7 +5,7 @@ import { getToken, refreshAccessToken, removeToken } from '@/utils/token'
 import { toLogin } from '@/utils/auth'
 import { isNullOrWhitespace } from '@/utils/is'
 
-const WHITE_LIST = ['/login', '/redirect']
+const WHITE_LIST = ['/login']
 export function createPermissionGuard(router) {
   const userStore = useUserStore()
   const permissionStore = usePermissionStore()

src/router/routes/index.js

@@ -1,5 +1,4 @@
-import Layout from '@/layout/index.vue'
-import Home from '@/views/dashboard/index.vue'
+const Layout = () => import('@/layout/index.vue')
 
 export const basicRoutes = [
   {
@@ -8,19 +7,7 @@ export const basicRoutes = [
     component: () => import('@/views/error-page/404.vue'),
     isHidden: true,
   },
-  {
-    name: 'REDIRECT',
-    path: '/redirect',
-    component: Layout,
-    isHidden: true,
-    children: [
-      {
-        name: 'REDIRECT_NAME',
-        path: '',
-        component: () => import('@/views/redirect/index.vue'),
-      },
-    ],
-  },
+
   {
     name: 'LOGIN',
     path: '/login',
@@ -31,97 +18,6 @@ export const basicRoutes = [
     },
   },
 
-  {
-    name: 'Dashboard',
-    path: '/',
-    component: Layout,
-    redirect: '/home',
-    meta: {
-      title: 'Dashboard',
-      icon: 'mdi:chart-bar',
-    },
-    children: [
-      {
-        name: 'Home',
-        path: 'home',
-        component: Home,
-        meta: {
-          title: '首页',
-          icon: 'mdi:home',
-        },
-      },
-    ],
-  },
-
-  {
-    name: 'ErrorPage',
-    path: '/error-page',
-    component: Layout,
-    redirect: '/error-page/404',
-    meta: {
-      title: '错误页',
-      icon: 'mdi:alert-circle-outline',
-      index: 4,
-    },
-    children: [
-      {
-        name: 'ERROR-404',
-        path: '404',
-        component: () => import('@/views/error-page/404.vue'),
-        meta: {
-          title: '404',
-          icon: 'mdi:alert-circle-outline',
-        },
-      },
-    ],
-  },
-
-  {
-    name: 'Test',
-    path: '/test',
-    component: Layout,
-    redirect: '/test/unocss',
-    meta: {
-      title: '基础功能测试',
-      icon: 'mdi:menu',
-    },
-    children: [
-      {
-        name: 'Unocss',
-        path: 'unocss',
-        component: () => import('@/views/test-page/unocss/index.vue'),
-        meta: {
-          title: '测试unocss',
-        },
-      },
-      {
-        name: 'Message',
-        path: 'message',
-        component: () => import('@/views/test-page/message/index.vue'),
-        meta: {
-          title: '测试Message',
-        },
-      },
-      {
-        name: 'Dialog',
-        path: 'dialog',
-        component: () => import('@/views/test-page/dialog/index.vue'),
-        meta: {
-          title: '测试Dialog',
-        },
-      },
-      {
-        name: 'TestKeepAlive',
-        path: 'keep-alive',
-        component: () => import('@/views/test-page/keep-alive/index.vue'),
-        meta: {
-          title: '测试Keep-Alive',
-          keepAlive: true,
-        },
-      },
-    ],
-  },
-
   {
     name: 'ExternalLink',
     path: '/external-link',
@@ -129,6 +25,7 @@ export const basicRoutes = [
     meta: {
       title: '外部链接',
       icon: 'mdi:link-variant',
+      index: 1,
     },
     children: [
       {
@@ -166,10 +63,10 @@ export const NOT_FOUND_ROUTE = {
   isHidden: true,
 }
 
-const modules = import.meta.globEager('./modules/*.js')
+const modules = import.meta.globEager('@/views/**/route.js')
 const asyncRoutes = []
 Object.keys(modules).forEach((key) => {
-  asyncRoutes.push(...modules[key].default)
+  asyncRoutes.push(modules[key].default)
 })
 
 export { asyncRoutes }

src/router/routes/modules/example.js

@@ -1,48 +0,0 @@
-import Layout from '@/layout/index.vue'
-
-export default [
-  {
-    name: 'Example',
-    path: '/example',
-    component: Layout,
-    redirect: '/example/table',
-    meta: {
-      title: '组件示例',
-      role: ['admin'],
-      icon: 'mdi:menu',
-    },
-    children: [
-      {
-        name: 'Table',
-        path: 'table',
-        component: () => import('@/views/examples/table/index.vue'),
-        redirect: '/example/table/post',
-        meta: {
-          title: '表格',
-          role: ['admin'],
-          icon: 'mdi:table',
-        },
-        children: [
-          {
-            name: 'PostList',
-            path: 'post',
-            component: () => import('@/views/examples/table/post/index.vue'),
-            meta: {
-              title: '文章列表',
-              role: ['admin'],
-            },
-          },
-          {
-            name: 'PostCreate',
-            path: 'post-create',
-            component: () => import('@/views/examples/table/post/PostCreate.vue'),
-            meta: {
-              title: '创建文章',
-              role: ['admin'],
-            },
-          },
-        ],
-      },
-    ],
-  },
-]