Nuxt.js 使用v-bind语法绑定img的src不显示问题

问题：使用v-for循环遍历绑定图片（:src="xxx.imgUrl"），图片不显示

 

原因：

src直接写成静态的，会经过webpack进行编译，从而得到打包后正确的图片真实路径，然而，src写成动态的，webpack就不会进行编译，原封不动的把所绑定的地址放到img的src属性中

解决：

方式一：把图片存储到服务器，并使用网络路径

http://www.xxx.xxx/xxx/xxx/xx.xxx

方式二：使用require() + 相对路径来引用图片

require('相对路径')

 结果：