解决Vue.js给img路径动态赋值后图片不显示的问题

• 问题代码

<img :src="imgUrl" />

...
data () {
	return {
		imgUrl: 'path/images/icon.png'
	}
}
...

• 解决方法

...
data () {
	return {
		imgUrl: require('path/images/icon.png')
	}
}
...

require(’’)的作用是把文件复制到dist目录下的某个目录(根据打包配置), 然后返回相对于web服务器根目录的相对路径的字符串。