vue打包图片路径报错问题

好久没有做vue项目了 处于遗忘状态了……

这次用vue做了一个移动端大转盘抽奖活动，打包的时候出现了图片路径问题报错问题，百度解决了，记录下

分为css打包路径和js打包路径报错问题

1、css主要修改两个配置文件，首先将build文件夹下的until.js文件打开，找到如图1所示的地方加上publicPath，然后找到config文件夹下的index.js里面的build对象下的assetsPublicPath，如图2所示把'/'改成‘./’

2、js中使用先把图片放到static文件夹下面，然后按着./static/img/x.png去引用就行了。原因呢是js动态生成的路径无法被url-loader解析到，所以这个路径应该是index.html和图片的相对位置

注：也可以直接把图片全部放到腾讯云之类的服务器上，这样就用担心路径报错了