Angular 2如果路径不存在，如何重定向到404或其他路径

发布于03月28日

如果angular 2中不存在路径，我试图重定向404 /其他路径

我试过研究，有一些角1的方法，但没有角2的方法.

这是我的代码:

@RouteConfig([
{
    path: '/news',
    name: 'HackerList',
    component: HackerListComponent,
    useAsDefault: true
},
{
    path: '/news/page/:page',
    name: 'TopStoriesPage',
    component: HackerListComponent
},
{
    path: '/comments/:id',
    name: 'CommentPage',
    component: HackerCommentComponent
}
])

举个例子，如果我重定向到/news/page/，它就工作了，它返回给我一个空页面，你如何处理这种情况？

推荐答案

For version v2.2.2 and newer

在版本v2中.2.2及以上，name属性不再存在，不应使用它来定义路由.应该使用path而不是name，路径上需要no leading slash.在这种情况下，使用path: '404'而不是path: '/404':

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

For versions older than v2.2.2个

您可以使用{path: '/*path', redirectTo: ['redirectPathName']}:

{path: '/home/...', name: 'Home', component: HomeComponent}
{path: '/', redirectTo: ['Home']},
{path: '/user/...', name: 'User', component: UserComponent},
{path: '/404', name: 'NotFound', component: NotFoundComponent},

{path: '/*path', redirectTo: ['NotFound']}

如果没有路径匹配，则重定向到NotFound路径