> 技术笔记 > 解决图片的防盗链导致图片显示不出来(适合所有的防盗链图片)

解决图片的防盗链导致图片显示不出来(适合所有的防盗链图片)

1. 删除 Header 中的 Referrer
<meta name="referrer" content="never">
content 有四个值可以选择 never,always,origin,default 这是来自于 whatwg 标准,浏览器对他的支持还是很好的。
MDN 标准,还多了一个 no-referrer

2.添加 ReferrerPolicy 属性
添加 meta 标签相当于对文档中的所有链接都取消了 referrer,
而R eferrerPolicy 则更精确的指定了某一个资源的referrer策略。
关于这个策略的定义可以参照MDN。比如我想只对某一个图片取消referrer,如下编写即可:

<img src="xxxx.jpg" alt="解决图片的防盗链导致图片显示不出来(适合所有的防盗链图片)" referrerPolicy="no-referrer" />

 

亲测好用.

支付宝赞助
微信赞助