我正在尝试将当前网站迁移到 vuejs。站点地图必须是:
/login
/signup
/password-reset
/browse
/search
... dozens of other routes
由于其中一些路线共享大量 fx,因此我将它们设为父路线的子路线:
[{ // public routes
path: '/',
component: Auth,
children: [
{ path: '/login', component: Login },
{ path: '/signup', component: Signup },
{ path: '/password-reset', component: PasswordReset },
]
},
{ // routes behind Authentication
path: '/',
component: Home,
children: [
{ path: '/browse', component: Browse },
{ path: '/search', component: Search }
]
}]
问题很明显:Auth 和 Home 基础组件现在在技术上是相同的路由路径,并且我遇到路由错误。由于我将有很多共享相同基本组件和 fx 的路由,因此我希望它们成为这些抽象状态的子级。
问题1:如何实现这些路由及其父级抽象状态而不发生冲突,并且不必向子级添加所有包装逻辑?
问题2:我怎样才能使父状态()不可路由,或者如果可以,则默认为子状态?