仅在浏览器中更改路由路径的名称

Question

我需要为两条页面写两条不同的路线

 { path: 'abc', component: abcComponent},
 { path: 'abc2', component: abcComponent2},

浏览器向我显示路径：

http://localhost:4200/abc2，访问第二条路径。

我可以为两个组件使用相同的名称吗，即我只希望浏览器显示

http://localhost:4200/abc，即使调用路由路径：“ abc2”;

请帮助我。预先感谢

Answer 1

我不知道为什么需要这样做，但是如果要这样做，只需将以下代码行粘贴到abcComponent2构造函数的构造函数中即可：

this.router.navigateByUrl('abc', { skipLocationChange: true });

或者您也可以像这样通过html更改路由器而不更改位置：

<a [routerLink]="..." skipLocationChange>click me</a>