多级路由无效,单极路由就没问题,这是为什么??
我也放了啊,这两个路由配置不都一样吗?为什么多级没用啊
你把/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
}
]
}