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

回答3

最佳
  • @

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

    支持 0 反对 0 举报
    2021-11-27 05:37
  • @

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

    <link href="/css/ ....
    
    支持 0 反对 0 举报
    2021-11-27 06:37
  • @

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

    支持 0 反对 0 举报
    2021-11-27 07:44