vue加载不出图片显示为[object%20Module]

这种情况都是使用了ES Module 语法导入图片，而浏览器无法正确解析该语法导致的结果

在ESM中 导入的模块会被解析为一个JavaScript模块对象，而不是一个图片的路径

你可以用以下方式

通过require()方法加载图片

data(){
	  return{
		  imageUrl: require('../../assets/logo.png').default,
	  }
  },

 然后再模板中使用   :src=“imageUrl”  属性 

使用require方法时，Webpack会根据配置自动将图片文件打包，然后返回正确的url。

这也引入图片就可以解决加载[object%20Module]的问题