图片请求403 Forbidden问题

2,516 阅读1分钟

缘由

项目中想访问豆瓣中的一张图片:img1.doubanio.com/view/photo/… 用<img/>标签的src引入,发现图片无法加载

但是用浏览器直接访问,发现是可以正常访问的

查明真相

防盗链

google一波,发现是防盗链的锅,是因为服务器设置了图片防盗链的原因。想要突破防盗链就要从其原理突破

防盗链原理

在 http 协议中,header字段里面会带个 Referer。图片服务器通过检测 Referer 是否来自规定域名,来进行防盗链。

防盗链突破

在页面中加入如下代码:

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

图片可以正常访问了