vue动态加载src出现图片404
data底下images:’
…/assets/bg.jpeg

刚开始是想通过:src动态加载图片,把src设置为images变量,发现直接不显示图片
错误为:
vue动态加载src出现图片404

后来查了资料,修改为将图片作为模块加载进去, 修改后:

vue动态加载src出现图片404
data处修改为
vue动态加载src出现图片404

发现直接报错:

vue动态加载src出现图片404

后来修改为:

vue动态加载src出现图片404

原因:在webpack中会将图片图片来当做模块来用,因为是动态加载的,所以url-loader将无法解析图片地址,然后npm run serve 之后导致路径没有被加工.

相关文章: