vue中动态加载图片报错

动态加载或进行逻辑操作显示的图片，直接放static文件下可以避免404报错

原因：

assets: 在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.png),”./logo.png”是相对资源路径，将被webpack解析为模块依赖
static：在这个目录下文件不会被webpack处理,简单就是说存放第三方文件的地方，不会被webpack解析。它会直接被复制到最终的打包目录(默认是dist/static)下。必须使用绝对路径引用这些文件，这是通过config.js文件中的build.assetsPublic和build.assertsSubDirectory链接来确定的。