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

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

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

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

需要在config/index.js中设置

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

相关文章:

  • 2021-12-22
  • 2022-12-23
  • 2022-12-23
  • 2021-04-16
  • 2022-12-23
  • 2021-12-25
  • 2022-12-23
  • 2021-12-05
猜你喜欢
  • 2021-10-01
  • 2021-11-07
  • 2021-05-02
  • 2022-01-03
相关资源
相似解决方案