首页 > 其他分享 >vue项目打包成dist文件以后,index.html加载空白?

vue项目打包成dist文件以后,index.html加载空白?

时间:2022-08-20 11:24:25浏览次数:95  
标签:index vue dist 配置文件 html 打包 加载

打包成dist文件以后,index.html加载空白
没有修改config配置文件,直接打包,系统默认的是’/’(根目录),而不是’./’(当前目录),从而导致路径不对,页面加载不出来。
针对vue-cli3.0以下版本的可以直接将config/index.js文件的assetsPublicPath: ‘/’;改为assetsPublicPath: ‘./’; 然后再重新打包一次就可以了。

对于vue-cli3.0及以上版本没有config配置文件的。需要自己在项目的根目录下手动建一个配置文件并添上以下代码:然后在重新打包一次就可以了。

 

 经过上面操作如果是导航栏出现找不到文件或已删除空白页:

 将router中的index.js 中的mode: "history"注释掉,然后再重新打包即可

标签:index,vue,dist,配置文件,html,打包,加载
From: https://www.cnblogs.com/mahmud/p/16607356.html

相关文章