带参数的Angular 2粘贴URL无效

Question

关于在Angular 2中使用路由器参数的问题，我很想知道是否有人遇到类似的问题，并且可以告诉我我做错了什么。

考虑这条路线设置：

{ path: 'content/:id', component: ContentComponent }

然后在组件内部，我可以使用这样的参数：

ngOnInit() {
    super.ngOnInit();
    let id: string = this.route.snapshot.params['id'];
    ... // do something with this id
}

当在Angular中完成路由时，这是有效的：

this.router.navigate(['/content', 'abcde']);

但是当我将相同的网址粘贴到浏览器中时，我收到此错误：

我粘贴的网址：http://localhost/content/abcde

Erorr：

  

未处理承诺拒绝：无法匹配任何路线：＆＃39; abcde＆＃39; ;   区域：角;任务：Promise.then;值：错误：无法匹配任何   路线：＆＃39; abcde＆＃39;

有谁知道我做错了什么？

非常感谢，

Answer 1

当我关注路由文档时，这发生在我身上。

出于某种原因，我无法理解，它说要设置在"C:\Program Files\Microsoft Visual Studio 9.0\Common7\IDE\devenv.exe" /AxConfig z:\Config\ContosoDev.axc ：index.html。

将值更改为<base href=".">可以解决此问题。