隐藏VueJs Router中位置栏中的URL

时间:2018-07-08 05:59:35

标签: vue.js vue-router

我通过单击如下所示的路由器链接来打开新标签: <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 个答案:

答案 0 :(得分:0)

有一个专门的feature请求针对您要执行的操作。但是,避免像社区解释的那样显示URL路径不是一个好主意:

  

此功能要求有些棘手的原因是人们希望   出于不同的原因使用它,有些是有效的,但有些则不是   完全同意。这可能是我们将要实现的,或者   至少提供方便的替代解决方案

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