vue-cli打包遇到的问题

1.首页空白

在打包时需要使用相对路径来处理静态资源,更改build中资源发布路径配置(config/index.js, build对象),打包后静态文件就在当前目录下。
解决:修改config目录里面的index.js文件
将 build里的assetsPublicPath: ‘/’ 改为 assetsPublicPath: ‘./’

2.static下静态资源图片找不见

原因:在引用的图片路径为”/static/img/login.png”
解决办法:路径变为”static/img/login.png”

3.解决vue-cli打包时背景图片丢失问题

需要更改build/utils.js的配置
这里写图片描述
至于为什么背景图有的打包后存在,有的丢失,那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了,直接引,而背景图片里用的是相对路径最后会直接替换成static,但是明显路径会有问题,所以得配置下

猜你喜欢

转载自blog.csdn.net/qq_34035425/article/details/82117159