现象：
本地开发图片列表，图片访问403，显示不出来
css背景图片请求报错403
img请求正常
原因：
403是防止盗链的错误（这种设计，是api厂商正常保证自己的服务器不被刷流量）
解决：
方法一：使用no-referrer
这种方案不仅针对图片的防盗链,还可以是其他标签.
1.头部添加一个meta
<meta name="referrer" content="no-referrer" />
设置referrer：
1）在html页面中的<head>头部区域用meta标签添加referrer属性
<meta name="referrer" content="no-referrer" />
2）Vue2项目可以直接在页面中的 "template"标签内写入
2.对应的标签上添加属性
referrer的几种状态
<!-- a标签的referrer -->
<a href="http://example.com" referrer="no-referrer|origin|unsafe-url">xxx</a>
<!-- img/image标签的referrer -->
<img referrer="no-referrer|origin|unsafe-url" src="{{item.src}}"/>
<image referrer="no-referrer|origin|unsafe-url" src="{{item.src}}"></image>
<!-- element 标签的referrer -->
<el-image
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'
1703
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
