VUE项目打包(解决背景图片不显示问题)

转载自:https://blog.csdn.net/qq_34611721/article/details/80996947


改变路径配置
将绝对路径改为相对路径

目标文件:项目目录 > config文件夹 > index.js

assetsPublicPath:'/' 改为:assetsPublicPath:'./' (加一个点变为相对路径)


image.png

配置背景图片路径
打包后的css文件夹内app.css文件访问static/img/’图片名’路径错误访问不到图片,在build文

件内utils.js中配置路径。
目标文件:项目目录 > build文件夹 >utils.js

在图中所示位置添加代码

publicPath:'../../',


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。