vue项目引入本地图片不显示的解决方法

一般情况我们引入图片方式：

这样传过去的图片地址，在页面无法显示：

解决方法：使用 require

<template>
   <div class="logo">
      <img :src="logo" alt="logo">
    </div>
</template>

<script>
export default {
    
    
  name: 'login',
  data(){
    
    
  	return{
    
    
  		logo:require('@/assets/common/logo1.png')
  	}
  }
}
</script>

效果：