导航路线时,Vue路由器不会维护子目录url(或相对路径)结构

时间:2018-11-24 23:32:42

标签: javascript vue.js webpack vuejs2 vue-router

基本上,我想将我的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

我能获得期望结果的唯一方法是从Vue路由器中删除history模式,但这随后会使用URL中我真正不想要的丑陋#符号。

旁注::我还在baseUrl: './'中设置了vue.config.js,否则我的资产无法加载。

谢谢。

0 个答案:

没有答案