vue打包后改变index.html文件的路径，路由失效_前端问题_站长_知道

在vue项目打包后文件结构是这样的：
BNNN5DB~4}`Z9$}}KU(W.png
V164JB~6NYK3S%FYZ3J}N_8.png

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

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

已解决悬赏分：80 - 解决时间 2021-11-27 14:33

点赞 0反对 0举报 0 收藏 0

回答3

最佳

@cchwdl

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

支持 0 反对 0 举报

2021-11-27 05:37

@qq120102
打包路径以/开头，以避免在路由模式=history时，相对路径被路由地址影响（刷新浏览器后找不到CSS/JS）。
```
<link href="/css/ ....
```
支持 0 反对 0 举报

2021-11-27 06:37

@xzwl

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

支持 0 反对 0 举报

2021-11-27 07:44