Vue中div和img标签添加图片路径

div 标签的添加方式

第一种方式：html 模板添加

<div
      class="card-image"
      :style="{ backgroundImage: 'url(' + require('@/assets/images/cards.jpg') + ')' }">

第二种方式：style 添加

.login{
  background-image: url('~@/assets/logo.png');
}

img 标签的添加方式

第一种方式

<img src="~@/assets/1.jpg" width="100">

第二种方式

<img  :src="require(`@/assets/1.jpg`)" width="100">

参考文章