vue-cli2中的webpack打包文件地址出错问题

已经不是第一次遇到，结果今天还是再问了一遍我们另外一个前端小姐姐，来记录一下。

首先放出报错信息：

  

当时反应就是，我Dev环境跑起来这么欢快，小老弟，你测试环境你怎么肥四啊？你背着我把文件存哪去了！然后想来想去去找度娘。emmm，信息特别杂乱。那就只能靠我另外一个前端小姐姐了。最后做了3点修改，就完成了。

1：背景图片必须放在static里面。（我之前都不知道，小声bb）

2：在config文件的index.js里面将assetsPublicPath:'/'改为‘./’。这里处理的就是渲染的js,css,img图片的地址了。有这个就可以出来了！

 

3.处理背景图片地址问题，一般如果不处理，就会遇到地址这样，dist/static/img/static/xxx.png。这是因为背景图片在原来的static里面，地址就很奇怪，这个时候需要配置一下公共路径。publicPath。这里说一下可以怎么改：

A:网上的一种方法是在webpack.base.conf.js中解析图片的地方添加publicPath，在options里面增加一个属性publicPath：'./'

B:在utils中解析的时候添加这个属性（本人就是这个方法，好用）

这2种方法，配置的路径是看你们打包的地址什么的来写的，见仁见智。都可以试试。

综上，做完这些，就可以跑通了！大呼一口气。哈哈哈