vue-cli 动态加载图片图片src报404

copy一段相关说明
首先先说明下vue-cli的assets和static的两个文件的区别
　assets:在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.png),”./logo.png”是相对资源路径，将有webpack解析为模块依赖
　static：在这个目录下文件不会被webpack处理,简单就是说存放第三方文件的地方，不会被webpack解析。他会直接被复制到最终的打包目录(默认是dist/static)下。必须使用绝对路径引用这些文件，这是通过config.js文件中的build.assetsPublic和build.assertsSubDirectory链接来确定的。任何放在static/中文件需要以绝对路径的形式引用：/static[filename]
　根据webpack的特性，总的来说就是static放不会变动的，第三档的文件，assets放可能会变动的文件

问题来了，用js动态加载assets或者本文件的图片出现404的状态码

解决方案1，通过require加载
data () {
    return {
      starlist1:[
          require("../assets/img/active0922/hstar.png"),
          require("../assets/img/active0922/lstar.png")
      ],
      starlist2:"../assets/img/active0922/hstar.png"
      
    }
  },

方案2，将资源防止在static目录，通过/static绝对路径使用

原因：在webpack中会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址，然后npm run dev 或者npm run build之后导致路径没有被加工【被webpack解析到的路径都会被解析为/static/img/[filename].png，完整地址为localhost:8080/static/img/[filename].png

原文地址：http://blog.csdn.net/Mr_YanYan/article/details/78783091