多级路由无效,单极就有用

多级路由无效,单极路由就没问题,这是为什么??
我也放了啊,这两个路由配置不都一样吗?为什么多级没用啊

img

你把/admin前面的/去掉才是多级路径不然会被当成单级路由 把 /去掉访问路径就是/h5/admin 没去掉访问的路径就是/admin

该回答引用GPTᴼᴾᴱᴺᴬᴵ
根据你提供的代码,我发现你在第一个路由中使用了 redirect 重定向到了 /h/admin 这个路径,而在这个路径下又定义了一个名为 Admin 的子路由。这里需要注意的是,在使用 redirect 重定向之后,路由的匹配就已经结束了,不会再去匹配后面的子路由了。

所以,如果你想要访问 /h/admin 路径下的 Admin 子路由,你可以直接在第一个路由下定义一个名为 Admin 的子路由,不需要使用 redirect 重定向。

修改后的代码如下所示:

{
  path: '/h',
  name: 'Home',
  component: Home,
  children: [
    {
      path: 'admin',  // 不要在路径前面加斜杠
      name: 'Admin',
      component: Admin
    }
  ]
}


这里使用了相对路径的写法,即省略掉了 /h 前缀,直接写 admin。这样就可以访问到 /h/admin 路径下的 Admin 子路由了。

另外,你还可以在第一个路由下定义一个默认的子路由,以避免在访问 /h 路径时出现空白页的情况。修改后的代码如下:

{
  path: '/h',
  name: 'Home',
  component: Home,
  redirect: '/h/admin',  // 重定向到 /h/admin
  children: [
    {
      path: 'admin',  // 不要在路径前面加斜杠
      name: 'Admin',
      component: Admin
    }
  ]
}