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

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

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

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

需要在config/index.js中设置

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章