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

参见英文答案 > Handling 404 with Angular2                                    1个
如果角度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 /然后它工作,它返回一个空页面你如何处理这种情况发生？

解决方法:

对于v2.2.2及更高版本

在v2.2.2及更高版本中,name属性不再存在,不应用于定义路由.应该使用path而不是name,并且路径上不需要前导斜杠.在这种情况下,使用路径：’404’而不是路径：’/ 404’：

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

适用于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路径