说米网

这篇文章首要介绍了JavaScript 防盗链的原理以及破解办法，万网管理协助大家更好的理解和运用JavaScript，感兴趣的朋友可以了解下

HTTP Referer是header的一部分， 当浏览器向web服务器发送恳求的时分，一般会带上Referer，告知服务器我是从哪个页面链接过来的，服务器藉此可以获得一些信息用于处理。经过该头域的值，我们可以检测到访问目标资源的源地址

背景

前段日子 在自学做项目的时分发现 明明在项目中引用了线上存在的图片 但是在自己的项目中却怎样也显示出来

查阅资料后发现是这些第三方网站设置了防盗链

破解防盗链

先说说防盗链的原理，http 协议中，假如从一个网页跳到另一个网页，http 头字段里面会带个 Referer。

这里的Referer是由于历史原因导致了拼写错误 后来也就一直沿袭。

图片服务器经过检测 Referer 是否来自规则域名，来进行防盗链。

假如盗用网站是 https 的 protocol，而图片链接是 http 的话，

则从 https 向 http 发起的恳求会因为安全性的规则，而不带 referer，然后完成防盗链的绕过。

官方输出图片的时分，判断了来历(Referer)，便是从哪个网站访问这个图片，

假如是你的网站去加载这个图片，那么Referer便是：你的网站地址；

你网站地址，必定没在官方的白名单内，所以就看不到图片了。

因而，若不发送Referer，也便是没有来历。那么官方那儿，就认为是从浏览器直接访问的，所以就能加载正常的图片了。

比如在掘金上 检查我的一篇文章中一张图片的Request Headers 就可以看到Referer

以上便是JavaScript 防盗链的原理以及破解办法的详细内容，更多关于JavaScript 防盗链的资料请关注脚本之家其它相关文章！