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

【问题标题】：Change name of route path in browser only仅在浏览器中更改路由路径的名称
【发布时间】：2020-05-12 07:37:41
【问题描述】：

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

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

作为浏览器显示路径：

http://localhost:4200/abc2 访问第二个路由路径。

我能否以某种方式为两个组件设置相同的名称，即我希望浏览器只显示

http://localhost:4200/abc即使调用路由 path: 'abc2';

请帮助我。在此先感谢

【问题讨论】：

【解决方案1】：

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

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

或者您也可以通过 html 更改路由器而不更改位置，如下所示：

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

【讨论】：

嗨 Shashank，感谢您的回答，但它基于从上一页收到的数据，我需要路由到两个内容不同的成功页面，但我希望浏览器显示的名称与成功而不是成功-1 和成功-2。
我想帮忙，但我想我仍然没有得到你想要的。据我所知，如果有人在不更改浏览器路径的情况下打开 component_B，您想从 Component_B 重定向到 component_A。