1.先解释一下这段配置代码的意思，test是正则匹配规则，匹配项目中所有的以正则规则结尾的格式的文件，然后通过url-loader进行处理，不大于10kb就会进行base64转码，就是将图片转为base65格式，如果超过10KB的图片就单独打包到utils.assetsPath(‘img/[name].[hash:7].[ext]’) 这个目录下， 原文链接：https://blog.csdn.net/qq_37026273/article/details/80192962
2.注意相对路径标识’./’,我们知道img为html标签，他的路径是由index.html开始访问的，他走./static/img/'图片名'是能正确访问到图片的，所以img的路径没问题，然后app.css访问./static/img/'图片名'是访问错误的，因为在css目录下并没有static目录。这样就造成了路径访问失败的问题
3.解决方法：
1-检查config文件中的assetsPublicPath是否设置为’/’而不是’./’ 注意区分’/’为绝对路径，绝对路径从网站静态服务器根目录查询/static/img/图片，这样的路径就是正确的，如果设置为’./’，路径就变成了相对路径，相对路径会根据相对的文件目录来确定文件资源，会造成上面分析的问题
2-vue-cli创建的vue项目，会自带一个static目录，将出错图片放在该目录下面即可（正确解决办法） 查看vue-cli创建项目的webpack配置文件可以找到一个将static目录拷贝到dist目录中。根据对资源的规划不同，将需要打包的资源放在src/assets目录中，不需要打包的资源放入static目录中。
3-背景图片的解决方法：background:url('../../assets/images/bg.png');被相对打包后变成了url('static/img/bg.png')所以我们必须保留css引用图片的正确路径即：url('../../static/img/bg.338948.png') 我们需要在build文件夹下的utils.js做一下修改 ，添加如图的代码就可以了
