vue本地资源显示问题

Question

最近在写一个后台，但是遇到一个图片加载不出来的问题，试了很多方法还是不行
连网络图片都响应已取消，但是我试了在别的组件就可以正常访问，那个组件就是不行

需要显示的是gif图片

组件代码

<template>
  <div class='flex_album'>
    <div
      class='album_item'
      v-for='item in imageArr'
      :key="item.id"
      v-lazy-container="{ selector: 'img' }"
    >
      <div class='album_image'>
        <el-image
          :src="item.albumImage"
          lazy
          fit='cover'
          class='imgSize'
        >
          <div slot="placeholder" class="image-slot">
            <img src="https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg.gif" class='imgSize'>
          </div>
        </el-image>
      </div>
      <slot
        name='info'
        :item='item'
      ></slot>
    </div>
  </div>
</template>

这个是其他组件显示正常

<template>
  <div>
    <el-image
      lazy
      fit='cover'
      src="https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg"
      class='imgSize'
    >
      <div slot="placeholder" class="image-slot">
        <img src="@/assets/img/load.gif" class='imgSize'>
      </div>
    </el-image>
    <img src="http://www.xnsky.top/album/xiaoniu_671671902399143.jpg?imageView2/1/w/200/h/200/interlace/1/q/80" alt="">
  </div>
</template>

求告知什么问题，非常感谢

Answer 1

• 给你找了一篇非常好的博客，你可以看看是否有帮助，链接：解决本地图片在 Vue中无法显示的问题