第三方图片资源403的问题

返回403的原因

为什么文章列表数据中的好多图片资源请求失败返回 403？

        这是因为我们项目的接口数据是后端通过爬虫抓取的第三方平台内容，而第三方平台对图片资源做了防盗链保护处理。

第三方平台怎么处理图片资源保护的？

        服务端一般使用 Referer 请求头识别访问来源，然后处理资源访问。

Referer 是什么东西？

        Referer 是 HTTP 请求头的一部分，当浏览器向 Web 服务器发送请求的时候，一般会带上 Referer，它包含了当前请求资源的来源页面的地址。服务端一般使用 Referer 请求头识别访问来源，可能会以此进行统计分析、日志记录以及缓存优化等。

扩展参考：HTTP Referer 教程 - 阮一峰的网络日志

需要注意的是 referer 实际上是 "referrer" 误拼写。参见 HTTP referer on Wikipedia （HTTP referer 在维基百科上的条目）来获取更详细的信息。

解决方法

        不要发送 referrer ，对方服务端就不知道你从哪来的了，姑且认为是你是自己人吧。

如何设置不发送 referrer？

        用

<a>

、

<area>

、

<img>

、

<iframe>

、

<script>

或者

<link>

元素上的

referrerpolicy

属性为其设置独立的请求策略，例如：

<img src="http://……" referrerPolicy="no-referrer">
           

或者直接在 HTMl 页面头中通过 meta 属性全局配置：

<meta name="referrer" content="no-referrer" />