vue-cli 3.0 创建的项目，dev下能运行，打包后报错，页面空白

最新推荐文章于 2024-07-19 17:34:03 发布

bigMonsterInIAm

最新推荐文章于 2024-07-19 17:34:03 发布

阅读量1.3w

点赞数 3

本文链接：https://blog.csdn.net/qq_36709020/article/details/80489094

版权

本文介绍了在使用Vue CLI 3.0创建的项目中，遇到开发环境正常运行，但打包后出现文件找不到、页面空白的问题。问题根源在于HTML中引入的静态资源路径错误。解决方案是通过修改vue.config.js文件，将baseUrl设置为'./'，以正确处理打包后的静态资源路径。

摘要由CSDN通过智能技术生成

dev下运行时正常的，但在打包后就不正常了，如下图

报各种文件找不到，原因是在html引入的img,js或css的路径不对，如下：

<link as=style href=/css/app.f9f2eaa0.css rel=preload>
<link as=style href=/css/vendors~app.25.767b7576.css rel=preload>
<link as=script href=/js/app.e21ec01e.js rel=preload>
<link as=script href=/js/vendors~app.0bb5b125.js rel=preload>
<link href=/css/0.0.b