vue动态加载src出现图片404

data底下images:' ../assets/bg.jpeg '

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

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

data处修改为

发现直接报错:

后来修改为:

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