Angular Router 错误重定向到带有动态参数

如何解决Angular Router 错误重定向到带有动态参数

我想在用户访问 root (localhost:4200) 时将用户重定向到具有唯一 UUID 的路径。

但我收到此错误

ERROR 错误：未捕获（承诺）：错误：无法匹配任何路由。 URL 段：'document/4fdb309b-df59-4da8-a32d-5265f7925bba'

错误：无法匹配任何路由。 URL 段：'document/4fdb309b-df59-4da8-a32d-5265f7925bba'

下面是我的路由器模块代码段

import { v4 as uuidv4} from 'uuid'

const routes : Routes = [
  {path : '',redirectTo : '/document/'+uuidv4(),pathMatch: 'full'},{path : 'documents/:id',component: DocumentComponent}
]

@NgModule({
  imports: [RouterModule.forRoot(routes)],exports: [RouterModule]
})
export class AppRoutingModule {
}

不知道怎么了！

解决方法

很可能是由于路由排序。尝试重新安排路线

const routes : Routes = [
  {path : 'documents/:id',component: DocumentComponent},{path : '',redirectTo : '/document/'+uuidv4(),pathMatch: 'full'}
]

请注意，Angular Router 使用 first-match wins strategy 并且数组中路由的顺序很重要。

,

您不能声明动态路由路径。 uuid4() 每次都会生成不同的 uuid，并且您没有将那么多组件映射到路由。您可能还需要 uuid 作为路由参数。将第一条路线改为跟随，看看是否有帮助。

{path : '',redirectTo : '/document/someComponent',pathMatch: 'full'},