在vue中使用img踩坑记录

获取到的数据没有问题,在img上的绑定也没有问题,但是图片无法展示而且报403错误信息:

<li  v-for="item in price" @click="remoteid(item.id)" :key="item.id" :id="item.id">
  <img class="selection-img" :src="item.cover" alt="img" />
  <div class="selection-name">
    {{ item.name }}
  </div>
</li>

解决方法:在pubilc文件夹中的index.html的head中添加如下代码即可:

<meta name="referrer" content="no-referrer" />

原因:百度的结果是人家的网站做了安全防护

猜你喜欢

转载自www.cnblogs.com/lljun/p/12362091.html