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

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

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

 

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

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

posted @ 2022-08-20 11:11  Mahmud(مەھمۇد)  阅读(559)  评论(0编辑  收藏  举报