对未设置 redirect 的父路由，访问时将自动重定向到允许访问的子路由

Author: hooray

src/mock/app.ts

@@ -18,7 +18,6 @@ export default defineFakeRoute([
               {
                 path: '/multilevel_menu_example',
                 component: 'Layout',
-                redirect: '/multilevel_menu_example/page',
                 name: 'multilevelMenuExample',
                 meta: {
                   title: '多级导航',
@@ -36,7 +35,6 @@ export default defineFakeRoute([
                   {
                     path: 'level2',
                     name: 'multilevelMenuExample2',
-                    redirect: '/multilevel_menu_example/level2/page',
                     meta: {
                       title: '导航2',
                     },
@@ -52,7 +50,6 @@ export default defineFakeRoute([
                       {
                         path: 'level3',
                         name: 'multilevelMenuExample2-2',
-                        redirect: '/multilevel_menu_example/level2/level3/page1',
                         meta: {
                           title: '导航2-2',
                         },
@@ -82,7 +79,6 @@ export default defineFakeRoute([
               {
                 path: '/permission_example',
                 component: 'Layout',
-                redirect: '/permission_example/index',
                 name: 'permissionExample',
                 meta: {
                   title: '权限验证',

src/router/guards.ts

@@ -112,6 +112,29 @@ function setupRoutes(router: Router) {
   })
 }
 
+// 当父级路由未配置重定向时，自动重定向到有访问权限的子路由
+function setupRedirectAuthChildendRoute(router: Router) {
+  router.beforeEach((to, _from, next) => {
+    const { auth } = useAuth()
+    const currentRoute = router.getRoutes().find(route => route.path === (to.matched.at(-1)?.path ?? ''))
+    if (!currentRoute?.redirect) {
+      const findAuthRoute = currentRoute?.children?.find(route => route.meta?.menu !== false && auth(route.meta?.auth ?? ''))
+      if (findAuthRoute) {
+        next({
+          path: findAuthRoute.path,
+          replace: true,
+        })
+      }
+      else {
+        next()
+      }
+    }
+    else {
+      next()
+    }
+  })
+}
+
 // 进度条
 function setupProgress(router: Router) {
   const { isLoading } = useNProgress()
@@ -208,6 +231,7 @@ function setupOther(router: Router) {
 
 export default function setupGuards(router: Router) {
   setupRoutes(router)
+  setupRedirectAuthChildendRoute(router)
   setupProgress(router)
   setupTitle(router)
   setupKeepAlive(router)

src/router/modules/breadcrumb.example.ts

@@ -7,7 +7,6 @@ function Layout() {
 const routes: RouteRecordRaw = {
   path: '/breadcrumb_example',
   component: Layout,
-  redirect: '/breadcrumb_example/list1',
   name: 'breadcrumbExample',
   meta: {
     title: '面包屑导航',
@@ -34,7 +33,6 @@ const routes: RouteRecordRaw = {
     },
     {
       path: 'list2',
-      redirect: '/breadcrumb_example/list2',
       meta: {
         title: '列表2（层级模式）',
       },

src/router/modules/component.example.ts

@@ -242,7 +242,6 @@ const routes: RouteRecordRaw = {
     },
     {
       path: 'extend',
-      redirect: 'pageheader',
       name: 'componentExampleExtend',
       meta: {
         title: '扩展组件',

src/router/modules/ecology.example.ts

@@ -7,7 +7,6 @@ function Layout() {
 const routes: RouteRecordRaw[] = [
   {
     path: '/official',
-    redirect: '/official/fantastic-startkit',
     component: Layout,
     meta: {
       title: '官方周边',
@@ -48,7 +47,6 @@ const routes: RouteRecordRaw[] = [
   },
   {
     path: '/recommand',
-    redirect: '/recommand/vform',
     component: Layout,
     meta: {
       title: '友情推荐',

src/router/modules/external.link.example.ts

@@ -7,7 +7,6 @@ function Layout() {
 const routes: RouteRecordRaw = {
   path: '/link',
   component: Layout,
-  redirect: '/link/gitee',
   name: 'externalLinkExample',
   meta: {
     title: '外链',

src/router/modules/feature.example.ts

@@ -7,7 +7,6 @@ function Layout() {
 const routes: RouteRecordRaw = {
   path: '/feature_example',
   component: Layout,
-  redirect: '/feature_example/clipboard',
   name: 'featureExample',
   meta: {
     title: '功能',

src/router/modules/icon.example.ts

@@ -7,7 +7,6 @@ function Layout() {
 const routes: RouteRecordRaw = {
   path: '/icon_example',
   component: Layout,
-  redirect: '/icon_example/svg',
   name: 'iconExample',
   meta: {
     title: '扩展图标',

src/router/modules/jsx.example.ts

@@ -7,7 +7,6 @@ function Layout() {
 const routes: RouteRecordRaw = {
   path: '/jsx_example',
   component: Layout,
-  redirect: '/jsx_example/index',
   name: 'jsxExample',
   meta: {
     title: 'JSX',

src/router/modules/keep.alive.example.ts

@@ -7,7 +7,6 @@ function Layout() {
 const routes: RouteRecordRaw = {
   path: '/keep_alive_example',
   component: Layout,
-  redirect: '/keep_alive_example/page',
   name: 'keepAliveExample',
   meta: {
     title: '页面缓存',
@@ -35,7 +34,6 @@ const routes: RouteRecordRaw = {
     },
     {
       path: 'nested',
-      redirect: '/keep_alive_example/nested/detail',
       meta: {
         title: '嵌套路由',
         menu: false,