vue router 如何隐藏路径？

Question

1.

2.使用vue-router会把路径显示出来。
3.问题：不论我访问任何一个路径，资源能被访问到，但页面地址显示都是localhost:8080或者是同一个地址？
目的是将路径隐藏掉，不让用户查看文件具体的地址。具体如何实现？

Answer 1

强制使用 mode: "abstract".

vue-router mode

Answer 2

你个是url不是文件地址你要搞清楚 localhost:8080 就是域名, 域名怎么隐藏?

Answer 3

隐藏域名后面的路径，可以使用 <iframe>,既然都是用router来加强了，本身就是对url的一种加强显示。

看你的系统复杂程度吧，如果不一定非要用router，如果要隐藏，那么iframe是比较好的选择。

Answer 4

url 统一资源定位符，的确代表着资源的文件的路径，但是vue-router可以自己根据需要命名路径的啊；
你的vue-router模式是history模式，通常url对于后端来说就是 controller/action，所以我想这就产生了你的问题；
我记得我之前的项目中好像是app/下的所有资源 全都定位到单页的index.html，你可以试试；
文档中也说到：

或者还有一种方法，用hash模式吧；

我的答案可能会有点问题，一切以你的实验结果为准吧。

Answer 5

@fengjutian 楼主 你这个问题解决了吗？我也想知道这个怎么解决