加载在线图片被拒绝403--防盗链问题

Failed to load resource: the server responded with a status of 403 (Forbidden) 

You do not have permission to get URL '/view/photo/s_ratio_poster/public/p2226446206.jpg' from this server.

 

之前爬取了豆瓣的数据，直接保存的电影海报URL，这次直接在网页使用，图片无法加载，可是浏览器直接访问图片路径是可以的

查看提示后是没有权限 

 

这是因为豆瓣给图片加了防盗链

我在自己的HTML页面里用 <img src=”xxxx” > 来引用来自豆瓣的图片，但是豆瓣设置了防盗链的策略，会在后台判断请求的Referrer属性是不是来自于一个非本域名的网站，如果来源不是本域名就返回 403 forbidden。

最简单的方式就是在<img>标签中增加

<img src=""    referrerPolicy="no-referrer">

即可。

no-referrer
整个 Referrer  首部会被移除。访问来源信息不随着请求一起发送

 

ReferrerPolicy 精确的指定了某一个资源的referrer策略。

Referrer 就是 referrer 属性可返回载入当前文档的文档的 URL。

Referrer-Policy（来源协议）用来规定什么情况下显示Referer字段及refer字段内显示多少信息。

no-referrer

任何情况下都不发送referer

no-referrer-when-downgrade

在同等安全等级下（例如https页面请求https地址），发送referer，但当请求方低于发送方（例如https页面请求http地址），不发送referer

origin

仅仅发送origin，即protocal+host

origin-when-cross-origin

跨域时发送origin

same-origin

当双方origin相同时发送

strict-origin

当双方origin相同且安全等级相同时发送

unfafe-url

任何情况下都显示完整的referer