JavaScript 防盜鏈的原理以及破解方法
HTTP Referer是header的一部分， 當(dāng)瀏覽器向web服務(wù)器發(fā)送請求的時(shí)候，一般會(huì)帶上Referer，告訴服務(wù)器我是從哪個(gè)頁面鏈接過來的，服務(wù)器藉此可以獲得一些信息用于處理。通過該頭域的值，我們可以檢測到訪問目標(biāo)資源的源地址
背景
前段日子 在自學(xué)做項(xiàng)目的時(shí)候發(fā)現(xiàn) 明明在項(xiàng)目中引用了線上存在的圖片 但是在自己的項(xiàng)目中卻怎么也顯示出來
查閱資料后發(fā)現(xiàn)是這些第三方網(wǎng)站設(shè)置了防盜鏈
破解防盜鏈
先說說防盜鏈的原理，http 協(xié)議中，如果從一個(gè)網(wǎng)頁跳到另一個(gè)網(wǎng)頁，http 頭字段里面會(huì)帶個(gè) Referer。
這里的Referer是由于歷史原因?qū)е铝似磳戝e(cuò)誤 后來也就一直沿用。
圖片服務(wù)器通過檢測 Referer 是否來自規(guī)定域名，來進(jìn)行防盜鏈。
如果盜用網(wǎng)站是 https 的 protocol，而圖片鏈接是 http 的話，
則從 https 向 http 發(fā)起的請求會(huì)因?yàn)榘踩缘囊?guī)定，而不帶 referer，從而實(shí)現(xiàn)防盜鏈的繞過。
官方輸出圖片的時(shí)候，判斷了來源(Referer)，就是從哪個(gè)網(wǎng)站訪問這個(gè)圖片，
如果是你的網(wǎng)站去加載這個(gè)圖片，那么Referer就是：你的網(wǎng)站地址；
你網(wǎng)站地址，肯定沒在官方的白名單內(nèi)，所以就看不到圖片了。
因此，若不發(fā)送Referer，也就是沒有來源。那么官方那邊，就認(rèn)為是從瀏覽器直接訪問的，所以就能加載正常的圖片了。
<meta name="referrer" content="never">
比如在掘金上 查看我的一篇文章中一張圖片的Request Headers 就可以看到Referer
以上就是JavaScript 防盜鏈的原理以及破解方法的詳細(xì)內(nèi)容，更多關(guān)于JavaScript 防盜鏈的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
本文主要分享了原生js實(shí)現(xiàn)鼠標(biāo)跟隨效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)拖拽與碰撞檢測，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
我們可以將call和apply看做是某個(gè)對象的方法，通過調(diào)用方法的形式來間接調(diào)用函數(shù)2013-09-09
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)拼圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
js實(shí)現(xiàn)完美兼容各大瀏覽器的人民幣大小寫相互轉(zhuǎn)換
在基于網(wǎng)頁的打印輸出或報(bào)表中，經(jīng)常會(huì)牽扯到金額的大寫，每次都打上去很麻煩，所以想法用一個(gè)JavaScript客戶端腳本來實(shí)現(xiàn)自動(dòng)轉(zhuǎn)換，只需在需要顯示大寫金額的時(shí)候調(diào)用該JS函數(shù)，下面我們就來匯總下吧2015-10-10
詳解ES6新增字符串?dāng)U張方法includes()、startsWith()、endsWith()
這篇文章主要介紹了詳解ES6新增字符串?dāng)U張方法includes()、startsWith()、endsWith()，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
使用mock.js隨機(jī)數(shù)據(jù)和使用express輸出json接口的實(shí)現(xiàn)方法
這篇文章主要介紹了使用mock.js隨機(jī)數(shù)據(jù)和使用express輸出json接口的實(shí)現(xiàn)方法,需要的朋友可以參考下2018-01-01
js實(shí)現(xiàn)ctrl+v粘貼上傳圖片(兼容chrome、firefox、ie11)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)ctrl+v粘貼上傳圖片，兼容chrome，firefox，ie11，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
Bootstrap學(xué)習(xí)筆記之css組件(3)
這篇文章主要為大家詳細(xì)介紹了bootstrap學(xué)習(xí)筆記中的css組件，感興趣的小伙伴們可以參考一下2016-06-06
js對象實(shí)例詳解(JavaScript對象深度剖析,深度理解js對象)
下面小編就為大家?guī)硪黄猨s對象實(shí)例詳解(JavaScript對象深度剖析,深度理解js對象)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09