angular-ui-router – 当路由参数无效时,以角度2路由到404页面

前端之家收集整理的这篇文章主要介绍了angular-ui-router – 当路由参数无效时,以角度2路由到404页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我有一个像这样的param路径(在Angular 2中):/ user1 / products /:id,它可以有子路由,如/ user1 / products / 3 / reviews.

当我导航到/ user1 / products / -1时,我检查我的服务器,如果产品不存在,我想渲染404页面而不影响浏览器历史记录.

使用router.navigate([‘/ 404’])或router.navigateByUrl(‘/ 404’)似乎不起作用,因为它将/ user1 / products / -1和/ 404添加到浏览器历史记录中.

这意味着当我按下浏览器中的“后退”按钮时,我会回到/ user1 / products / -1,它会立即重定向到/ 404并且我基本上停留在/ 404.

在ExpressJS中,我们会执行类似next()的操作,将请求传递给404处理程序. Angular 2中有客户端等价物吗?

更新

在新的Router V3中,您可以使用https://angular.io/guide/router#canactivate-requiring-authentication中所述的防护

原版的

我认为你应该使用@CanActivate()进行检查.如果你转发@CanActivate(),则无法将无效的URL添加到历史记录中(未尝试)

有关如何在@CanActivate()中使用DI的信息,请参阅https://github.com/angular/angular/issues/4112

原文链接:https://www.f2er.com/angularjs/142211.html

猜你在找的Angularjs相关文章