vue动态加载src出现图片404
data底下images:’
…/assets/bg.jpeg
’
刚开始是想通过:src动态加载图片,把src设置为images变量,发现直接不显示图片
错误为:
后来查了资料,修改为将图片作为模块加载进去, 修改后:
data处修改为
发现直接报错:
后来修改为:
原因：在webpack中会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址，然后npm run serve 之后导致路径没有被加工.
data底下images:’
…/assets/bg.jpeg
’
刚开始是想通过:src动态加载图片,把src设置为images变量,发现直接不显示图片
错误为:
后来查了资料,修改为将图片作为模块加载进去, 修改后:
data处修改为
发现直接报错:
后来修改为:
原因：在webpack中会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址，然后npm run serve 之后导致路径没有被加工.