JavaScript 防盜鏈的原理以及破解方法
HTTP Referer是header的一部分， 當瀏覽器向web服務器發(fā)送請求的時候，一般會帶上Referer，告訴服務器我是從哪個頁面鏈接過來的，服務器藉此可以獲得一些信息用于處理。通過該頭域的值，我們可以檢測到訪問目標資源的源地址
背景
前段日子 在自學做項目的時候發(fā)現(xiàn) 明明在項目中引用了線上存在的圖片 但是在自己的項目中卻怎么也顯示出來
查閱資料后發(fā)現(xiàn)是這些第三方網(wǎng)站設置了防盜鏈
破解防盜鏈
先說說防盜鏈的原理，http 協(xié)議中，如果從一個網(wǎng)頁跳到另一個網(wǎng)頁，http 頭字段里面會帶個 Referer。
這里的Referer是由于歷史原因導致了拼寫錯誤 后來也就一直沿用。
圖片服務器通過檢測 Referer 是否來自規(guī)定域名，來進行防盜鏈。
如果盜用網(wǎng)站是 https 的 protocol，而圖片鏈接是 http 的話，
則從 https 向 http 發(fā)起的請求會因為安全性的規(guī)定，而不帶 referer，從而實現(xiàn)防盜鏈的繞過。
官方輸出圖片的時候，判斷了來源(Referer)，就是從哪個網(wǎng)站訪問這個圖片，
如果是你的網(wǎng)站去加載這個圖片，那么Referer就是：你的網(wǎng)站地址；
你網(wǎng)站地址，肯定沒在官方的白名單內，所以就看不到圖片了。
因此，若不發(fā)送Referer，也就是沒有來源。那么官方那邊，就認為是從瀏覽器直接訪問的，所以就能加載正常的圖片了。
<meta name="referrer" content="never">
比如在掘金上 查看我的一篇文章中一張圖片的Request Headers 就可以看到Referer
以上就是JavaScript 防盜鏈的原理以及破解方法的詳細內容，更多關于JavaScript 防盜鏈的資料請關注腳本之家其它相關文章！
相關文章
動態(tài)的創(chuàng)建一個元素createElement及刪除一個元素
本文用示例為大家介紹下動態(tài)創(chuàng)建一個元素createElement及刪除一個元素，感興趣的朋友可以參考下2014-01-01
分享兩個手機訪問pc網(wǎng)站自動跳轉手機端網(wǎng)站代碼
這篇文章主要介紹了分享兩個手機訪問pc網(wǎng)站自動跳轉手機端網(wǎng)站代碼,需要的朋友可以參考下2015-01-01
HTML中Form表單的reset方法被用來清空用戶所輸入的內容，以前一直誤以為其是單純的將input等輸入項中的值清空2014-03-03
這篇文章主要介紹了Webpack之tree-starking 解析，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了微信小程序實現(xiàn)watch監(jiān)聽，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
這篇文章主要介紹了微信小程序實現(xiàn)按字母排列選擇城市功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11
ExtJs使用自定義插件動態(tài)保存表頭配置(隱藏或顯示)
這篇文章主要介紹了ExtJs使用自定義插件動態(tài)保存表頭配置(隱藏或顯示) ,需要的朋友可以參考下2018-09-09
JavaScript中SetInterval與setTimeout的用法詳解
在寫H5游戲時經(jīng)常需要使用定時刷新頁面實現(xiàn)動畫效果，比較常用即setTimeout()以及setInterval()，但是大家對SetInterval與setTimeout的用法了解嗎，下面通過本文給大家詳解js中SetInterval與setTimeout的用法，需要的朋友參考下2015-11-11
本篇文章主要介紹了使用D3.js創(chuàng)建物流地圖的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要為大家詳細介紹了JS實現(xiàn)方形抽獎效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08