vue打包后改变index.html文件的路径，路由失效

Question

在vue项目打包后文件结构是这样的：

现在的问题是，在服务器中部署，需要把index.html文件放在别的文件夹下，这时候访问项目是一片空白；
当我们修改了index.html（图2）中各个打包后js/css文件引入的路径后，首页可以正常访问，但是路由全部失效，报错Loading chunk chunk-6f48256a failed；

请问如何解决？总不会vue打包后就不能吧index.html和js/css分开放吧？

Answer 1

想象一下路由在地址栏中的实现就明白了 XXX.com/dist/xxxx路由 首先你要在dist下有这玩意才可以是不是?

Answer 2

打包路径 以/开头，以避免在路由模式=history时，相对路径被路由地址 影响（刷新浏览器后找不到CSS/JS）。

<link href="/css/ ....

Answer 3

vue的config配置/改成./就行了。我之前也遇到过这样的问题。