Question

对于访问我们网站的SEO和遗留外部链接，我们需要为弃用的网址提供后备路由。命名出口的事情变得棘手。现在尝试找到正确的设置，以指定重定向到更新的命名插座的路由。

E.g：
https://url.com/prod/000(myOutlet:foo) 应该重定向到 https://url.com/prod/000(newOutlet:some/foo) 而000当然是动态的

现在有些代码反映了新旧路线：

OLD:
https://url.com/prod/000(myOutlet:foo)
https://url.com/prod/000(myOutlet:bar)
{
  path: ':vars',
  outlet: 'myOutlet',
  component: VarsComponent
}

NEW:
https://url.com/prod/000(newOutlet:some/error)
https://url.com/prod/000(newOutlet:some/empty)
https://url.com/prod/000(newOutlet:some/foo)
https://url.com/prod/000(newOutlet:some/bar)
{
    path: 'some',
    outlet: 'newOutlet',
    component: VarContainerComponent,
    children: [
      {
        path: 'empty',
        component: VarEmptyComponent
      },
      {
        path: 'error',
        component: VarErrorComponent
      },
      {
        path: ':var', // OLD implementation should point here
        component: VarContentComponent
      }
    ]
  }

如何指定OLD实现以重定向到新路径：'：var'route？

// fake assumption, redirectTo code not working
// 1. simpler solution, using just a static route (currently all external links use this one)
{
   path: 'foo',
   outlet: 'myOutlet',
   redirectTo: '**(newOutlet:some/foo)',
},
// 2. more advanced solution, variables being redirected
{
   path: ':var',
   outlet: 'myOutlet',
   redirectTo: '**(newOutlet:some/:var)',
},

当然要提到myOutlet在新部署的应用程序中不再存在，我们仍然需要能够做出反应。

我创建了一个可以用作游乐场的stackblitz，它包含一个具有动态id并且在本主题中提到的名为router-outlet的路由。 https://stackblitz.com/edit/angular-router-outlet-redirectto

Angular redirectTo命名为router-outlet

0 个答案: