在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" />

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