img el-image访问图片列表，图片403问题解决

现象：

本地开发图片列表，图片访问403，显示不出来

css背景图片请求报错403

img请求正常

原因：

403是防止盗链的错误（这种设计，是api厂商正常保证自己的服务器不被刷流量）

解决：

方法一：使用no-referrer
这种方案不仅针对图片的防盗链,还可以是其他标签.
1.头部添加一个meta

设置referrer：

1）在html页面中的头部区域用meta标签添加referrer属性

 

2）Vue2项目可以直接在页面中的 "template"标签内写入

2.对应的标签上添加属性

referrer的几种状态

xxx

        style="width: 100px; height: 100px"
      :src="url"
      :preview-src-list="srcList"
      :initial-index="4"
       :referrer-policy='no-referrer'
      fit="cover"
    />

查看element官网el-image有个属性

referrer-policy:'no-referrer'