javascript - Vue 路由器在导航路由时不会维护子目录 url（或相对路径）结构

Question

基本上，我想将我的dist文件夹（从 Vue CLI 创建build）部署到我喜欢的任何文件夹中，而不必担心每次决定移动我的应用程序时都必须设置根名称或基本名称。目前，我已经可以访问已部署dist文件夹内容的 URL，并且一切正常。但是，当我导航到应用程序根/基（即/）时，它会从 URL 栏中删除整个当前目录并离开根域。

例子：

1）我可以访问www.mywebsite.com/some-directory/other-directory/my-app 这一切正常，我可以看到我的应用程序没有错误。

2）但是，当我然后单击一个链接（这是基于历史模式的 vue 路由器）时，URL 更改为www.mywebsite.com/the-link.

3）一切仍然按预期工作，但我想保持 URL 为： www.mywebsite.com/some-directory/other-directory/my-app/the-link

我可以获得所需结果的唯一方法是history从 vue 路由器中删除模式，但这会#在 URL 中使用那些我真的不想要的丑陋的哈希符号。

旁注：我也设置baseUrl: './'了，vue.config.js否则我的资产无法加载。

先感谢您。

标签： javascriptvue.jswebpackvuejs2vue-router