Angular路由：点击链接时如何避免打开新浏览器标签页？

问题原因 #

你的<a>标签里有两个干扰路由跳转的设置：

• target="_blank"：这个属性会强制浏览器在新标签页打开链接，是导致问题的核心原因；
• href="#"：这个默认锚点链接会覆盖Angular路由的正常跳转逻辑，完全没必要保留。

解决方案 #

直接修改组件中的链接代码，做以下调整：

1. 移除target="_blank"属性，取消强制新开标签的设置；
2. 删除href="#"，让Angular的routerLink全权处理跳转；
3. 将routerLink="homepage"改为routerLink="/homepage"（添加斜杠使用绝对路径），确保从任何子路径（比如/dashboard）都能正确跳转到根路径下的homepage。

修改后的代码 #

<div><a class="positronx" routerLink="/homepage" routerLinkActive="active">Home</a></div>

补充说明 #

你的路由配置已经正确设置了homepage路径，无需修改。修改后点击Home链接，就会在当前标签页内跳转到/homepage路径，完全符合需求。

内容的提问来源于stack exchange，提问作者Krktester23