JavaScript 防盗链的原理以及破解方法
HTTP Referer是header的一部分， 当浏览器向web服务器发送请求的时候，一般会带上Referer，告诉服务器我是从哪个页面链接过来的，服务器藉此可以获得一些信息用于处理。通过该头域的值，我们可以检测到访问目标资源的源地址
背景
前段日子 在自学做项目的时候发现 明明在项目中引用了线上存在的图片 但是在自己的项目中却怎么也显示出来
查阅资料后发现是这些第三方网站设置了防盗链
破解防盗链
先说说防盗链的原理，http 协议中，如果从一个网页跳到另一个网页，http 头字段里面会带个 Referer。
这里的Referer是由于历史原因导致了拼写错误 后来也就一直沿用。
图片服务器通过检测 Referer 是否来自规定域名，来进行防盗链。
如果盗用网站是 https 的 protocol，而图片链接是 http 的话，
则从 https 向 http 发起的请求会因为安全性的规定，而不带 referer，从而实现防盗链的绕过。
官方输出图片的时候，判断了来源(Referer)，就是从哪个网站访问这个图片，
如果是你的网站去加载这个图片，那么Referer就是：你的网站地址；
你网站地址，肯定没在官方的白名单内，所以就看不到图片了。
因此，若不发送Referer，也就是没有来源。那么官方那边，就认为是从浏览器直接访问的，所以就能加载正常的图片了。
<meta name="referrer" content="never">
比如在掘金上 查看我的一篇文章中一张图片的Request Headers 就可以看到Referer
以上就是JavaScript 防盗链的原理以及破解方法的详细内容，更多关于JavaScript 防盗链的资料请关注脚本之家其它相关文章！
相关文章
本文主要分享了原生js实现鼠标跟随效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要为大家详细介绍了js实现拖拽与碰撞检测，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
我们可以将call和apply看做是某个对象的方法，通过调用方法的形式来间接调用函数2013-09-09
这篇文章主要为大家详细介绍了原生js实现拼图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
在基于网页的打印输出或报表中，经常会牵扯到金额的大写，每次都打上去很麻烦，所以想法用一个JavaScript客户端脚本来实现自动转换，只需在需要显示大写金额的时候调用该JS函数，下面我们就来汇总下吧2015-10-10
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
这篇文章主要介绍了详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
使用mock.js随机数据和使用express输出json接口的实现方法
这篇文章主要介绍了使用mock.js随机数据和使用express输出json接口的实现方法,需要的朋友可以参考下2018-01-01
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
这篇文章主要为大家详细介绍了js实现ctrl+v粘贴上传图片，兼容chrome，firefox，ie11，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要为大家详细介绍了bootstrap学习笔记中的css组件，感兴趣的小伙伴们可以参考一下2016-06-06
js对象实例详解(JavaScript对象深度剖析,深度理解js对象)
下面小编就为大家带来一篇js对象实例详解(JavaScript对象深度剖析,深度理解js对象)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
最新评论