資訊專欄INFORMATION COLUMN
摘要：具體問題，就是中通過標(biāo)簽引入一個(gè)第三方的圖片地址，報(bào)。解決方案如原網(wǎng)址顯示此圖片來自微信公眾平臺(tái)，未經(jīng)允許不得應(yīng)用方法在標(biāo)簽里加這樣存在第三方網(wǎng)站上的圖片，在你的網(wǎng)站上就可以訪問了。
問題
筆者網(wǎng)站的圖片都是上傳到第三方網(wǎng)站上的，比如 簡書、掘金、七牛云上的，但是最近簡書和掘金都開啟了 防盜鏈，防止其他網(wǎng)站訪問他們網(wǎng)站上的圖片了，導(dǎo)致筆者的網(wǎng)站存在他們網(wǎng)站上的圖片全掛了。
具體問題，就是 html 中通過 img 標(biāo)簽引入一個(gè)第三方的圖片地址，報(bào) 403 。但是這個(gè)圖片地址直接復(fù)制出來在地址欄打開，卻是看得到的。
原因官方輸出圖片的時(shí)候，判斷了來源 Referer ，就是從哪個(gè)網(wǎng)站訪問這個(gè)圖片，如果是你的網(wǎng)站去加載這個(gè)圖片，那么 Referer 就是：你的網(wǎng)站地址；
如果我們的網(wǎng)站地址不在官方的白名單內(nèi)，所以就看不到圖片了。
我們做這個(gè)跳板的關(guān)鍵：不發(fā)送 Referer，也就是沒有來源。那么官方那邊，就認(rèn)為是從瀏覽器直接訪問的，所以就能加載正常的圖片了。
解決方案如原網(wǎng)址：
http://mmbiz.qpic.cn/mmbiz/DU...
顯示此圖片來自微信公眾平臺(tái)，未經(jīng)允許不得應(yīng)用
方法：在 標(biāo)簽里加 meta
這樣存在第三方網(wǎng)站上的圖片，在你的網(wǎng)站上就可以訪問了。
referrer在某些情況下，出于一些原因，網(wǎng)站想要控制頁面發(fā)送給 server 的 referrer 信息的情況下，可以使用這一 referer metadata 參數(shù)。
參數(shù)
referer 的 metedata 屬性可設(shè)置 content 屬性值為以下集合：
never
always
origin
結(jié)果
如果 referer-policy 的值為 never：刪除 http head 中的 referer；
如果 referer-policy 的值為 default：如果當(dāng)前頁面使用的是 https 協(xié)議，而正要加載資源使用的是普通的 http 協(xié)議，則將 http header 中額 referer 置為空；
如果 referer-policy 的值 origin：只發(fā)送 origin 部分；
如果 referer-policy 的值為 always：不改變 http header 中的 referer 的值；
舉例
如果頁面中包含了如下 meta 標(biāo)簽，所有從當(dāng)前頁面中發(fā)起的請求將不會(huì)攜帶 referer：
如果頁面中包含了如下 meta 標(biāo)簽，則從當(dāng)前頁面中發(fā)起的 http 請求將只攜帶 origin 部分：
最后博客首更地址 ：https://github.com/biaochenxuying/blog
往期精文
尤雨溪 6 月 4 日的 Vue 技術(shù)分享
[今天尤雨溪公布Vue 3.0重大變化！ 前端框架將何去何從？[附完整PPT]](https://mp.weixin.qq.com/s/fL...
十分鐘弄懂：數(shù)據(jù)結(jié)構(gòu)與算法之美 - 時(shí)間和空間復(fù)雜度
一張思維導(dǎo)圖輔助你深入了解 Vue | Vue-Router | Vuex 源碼架構(gòu)
Vue + TypeScript + Element 項(xiàng)目實(shí)戰(zhàn)及踩坑記
vue-cli3.x 新特性及踩坑記
那些必會(huì)用到的 ES6 精粹
參考文章：
微信圖片防盜鏈解決辦法
Meta referrer標(biāo)簽的簡要介紹
歡迎關(guān)注以下公眾號(hào) 全棧修煉，學(xué)到不一樣的武功秘籍 ！
關(guān)注公眾號(hào)并回復(fù) 福利 可領(lǐng)取免費(fèi)學(xué)習(xí)資料，福利詳情請猛戳： 免費(fèi)資源獲取--Python、Java、Linux、Go、node、vue、react、javaScript
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/104538.html
摘要：反盜鏈分類我們了解了盜鏈對源站的危害后，自然要通過一些手段來阻止這種行為維護(hù)自己的利益。參考文章百科盜鏈防盜鏈偽造防盜鏈 有些產(chǎn)品為了防止自己的產(chǎn)品被盜鏈訪問，會(huì)采用反盜鏈措施，如封閉型生態(tài)的音樂網(wǎng)站和視頻網(wǎng)站，他們已經(jīng)為了版權(quán)付費(fèi)，自然不希望你免費(fèi)使用他們的資源。但因?yàn)楹芏嗳藢ｉT研究盜鏈，因此我們也需要了解下盜鏈、反盜鏈和逃避反盜鏈的原理。 盜鏈 引用百度百科對盜鏈的定義： 盜鏈?zhǔn)侵?..
摘要：反盜鏈分類我們了解了盜鏈對源站的危害后，自然要通過一些手段來阻止這種行為維護(hù)自己的利益。參考文章百科盜鏈防盜鏈偽造防盜鏈 有些產(chǎn)品為了防止自己的產(chǎn)品被盜鏈訪問，會(huì)采用反盜鏈措施，如封閉型生態(tài)的音樂網(wǎng)站和視頻網(wǎng)站，他們已經(jīng)為了版權(quán)付費(fèi)，自然不希望你免費(fèi)使用他們的資源。但因?yàn)楹芏嗳藢ｉT研究盜鏈，因此我們也需要了解下盜鏈、反盜鏈和逃避反盜鏈的原理。 盜鏈 引用百度百科對盜鏈的定義： 盜鏈?zhǔn)侵?..
摘要：在頁面中添加標(biāo)簽在中表示請求地址來源，一般網(wǎng)站后臺(tái)在設(shè)置圖片防盜鏈時(shí)就是通過判斷請求頭中的來判斷該條請求是否是本網(wǎng)站域名發(fā)起的請求，如果不是的話就攔截請求我們上述的設(shè)置含義代表在發(fā)送請求的時(shí)候刪除掉請求頭中的信息，如果網(wǎng)站沒有設(shè)置應(yīng)對空也做 在頁面中添加meta標(biāo)簽 referer在http中表示請求地址來源，一般網(wǎng)站后臺(tái)在設(shè)置圖片防盜鏈時(shí)就是通過判斷http請求頭中的referer...
摘要：三態(tài)分別是就緒運(yùn)行阻塞進(jìn)程的五態(tài)模型在三態(tài)的基礎(chǔ)上發(fā)展而來新建態(tài)運(yùn)行態(tài)終止態(tài)就緒態(tài)等待態(tài)線程稱之為輕量級(jí)的進(jìn)程，程序執(zhí)行流的最小單元。一個(gè)進(jìn)程下有多個(gè)線程來完成不同的工作稱之為多線程。 web資源防盜鏈 盜鏈?zhǔn)鞘裁矗?為什么要防？ 在自己頁面上顯示一些不是自己服務(wù)器的資源（圖片、音頻、視頻、css、js等）由于別人盜鏈你的資源會(huì)加重你的服務(wù)器負(fù)擔(dān)，所以我們需要防止可能會(huì)影響統(tǒng)計(jì) 防盜鏈...
摘要：在同等安全級(jí)別的情況下，發(fā)送文件的源作為引用地址，但是在降級(jí)的情況下不會(huì)發(fā)送。 什么是盜鏈 資源不在自己服務(wù)器上, 而通過技術(shù)手段, 把資源放置到自己的網(wǎng)站中, 通過這種方法盜取他人的資源. 什么是Referer Referer是http請求header的一部分, 當(dāng)瀏覽器(或者模擬瀏覽器行為)向web服務(wù)器發(fā)送請求的時(shí)候，頭信息里有包含 Referer. 它表示當(dāng)前接口的訪問來源...
閱讀 1285·2023-04-25 23:22
閱讀 1682·2023-04-25 20:04
閱讀 2655·2021-11-22 15:24
閱讀 2820·2021-11-11 16:54
閱讀 1894·2019-08-30 14:03
閱讀 1494·2019-08-29 16:35
閱讀 1714·2019-08-26 10:29
閱讀 2685·2019-08-23 18:01
