缘由
项目中想访问豆瓣中的一张图片:img1.doubanio.com/view/photo/… 用<img/>标签的src引入,发现图片无法加载
查明真相
防盗链
google一波,发现是防盗链的锅,是因为服务器设置了图片防盗链的原因。想要突破防盗链就要从其原理突破
防盗链原理
在 http 协议中,header字段里面会带个 Referer。图片服务器通过检测 Referer 是否来自规定域名,来进行防盗链。
防盗链突破
在页面中加入如下代码:
<meta name="referrer" content="no-referrer" />
图片可以正常访问了