当路由参数无效时，角度2路由到404页面

Question

假设我有一个像这样的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中是否有客户端等价物？

Answer 1

更新

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

原版的

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

有关如何在@CanActivate()使用DI，另请参阅https://github.com/angular/angular/issues/4112

Answer 2

好的，这已经实现了，只是没有详细记录。

根据文件：
router.navigateByUrl(url: string, _skipLocationChange?: boolean) : Promise<any>

有一个参数_skipLocationChange不会修改历史记录。
这些将成功：

router.navigateByUrl('/404', true); router.navigateByInstruction(router.generate(['/404']), true);

Answer 3

从Angular 2 final开始，这就是解决方案：

this._router.navigateByUrl('/404', { skipLocationChange: true })

Answer 4

这是一个非常有趣的问题，也许您应该将其报告为功能请求。 我很高兴能够在RouteDefinition的loader回调中访问路由器指令。

您可以尝试模拟验证添加默认路由/**并使用RouteDefinition的regex参数仅匹配正数。