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

最新推荐文章于 2025-10-26 23:34:57 发布

原创

最新推荐文章于 2025-10-26 23:34:57 发布 · 1.3w 阅读

10 ·

CC 4.0 BY-SA版权

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

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.b02908be.cs