从 VueJs 路由器的位置栏中隐藏 URL答案

【问题标题】：Hide URL from location bar in VueJs Router从 VueJs 路由器的位置栏中隐藏 URL
【发布时间】：2018-07-08 05:59:34
【问题描述】：

我正在通过单击如下路由器链接打开一个新选项卡： <router-link to="/mypage" tag="li" active-class="active" exact><a target="_blank">Go to mypage tab</a></router-link>

点击转到我的页面后，我会在浏览器中获得完整的网址，例如“http://localhost:8090/mypage”。

我想从我的网址中隐藏“/mypage”。它应该只显示“http://localhost:8090/”。我已经在我的路由器文件中设置了“抽象”模式，如果我在同一个选项卡中打开 URL，它工作正常，但在新选项卡中打开 URL 时不起作用。如何避免另一个标签中位置栏中的网址。

【问题讨论】：

【解决方案1】：

有一个专门的feature 请求您想要做什么。但是，按照社区的解释，避免显示 URL 路径并不是一个好主意：

使这个功能请求有点棘手的是人们想要出于不同的原因使用它，有些是有效的，但有些我们没有完全同意。这可能是我们将实施或至少提供一个方便的替代解决方案

如果确实需要避免显示完整的 URL，那么您可能需要检查服务器端解决方案（例如 nuxt.js)

【讨论】：