Vue打包后背景图片路径错误问题，背景图片不显示问题。

分类: 文章 • 2024-02-10 17:21:10

npm run dev : 提供一个开发的环境，自动热更新，资源使用绝对路径，所以可以正常看到背景图片。

npm run build : 打包项目，资源使用相对路径，所以会出现路径错误问题。

打开build/utils.js，在图中相应位置加入红框内容，其中值可能会有不同，若不同，自己配置成相应的即可。

需要在config/index.js中设置

Vue打包后背景图片路径错误问题，背景图片不显示问题。