如何将不存在的 link 重定向到 Angular 2 中的主页？

Question

如果用户输入不存在的 link，我希望页面重定向到主页。

我该怎么做？谢谢

@RouteConfig([
    {path: '/home', name: 'Home', component: HomeComponent},
    {path: '/about', name: 'About', component: AboutComponent},
    {path: '/???', name: 'not-found', redirectTo: ['Home']}
])

Answer 1

这会将所有未注册的路由重定向到主页

{ path: "/**", redirectTo: ["Home"] }

Answer 2

在版本 v4 名称的路由中属性不再存在。没有名称的路线定义属性。所以你应该使用路径而不是名称 redirectTo: '/redirectPath' 并且路径没有前导斜杠所以使用路径：'404' 而不是路径：'/404'

喜欢：

 {path: '404', component: NotFoundComponent},
 {path: '**', redirectTo: '/404'}

如何将不存在的 link 重定向到 Angular 2 中的主页？

How to redirect not-existing link to Home page in Angular 2?

angular2-routing

angular