一、 referer是什么referer：引用頁。HTTP請求頭信息中，referer用于提供訪問來源的信息，客戶端發送請求的時候，自主決定是否加上該字段。服務器一般使用referer識別訪問來源，可能以此進行統計分析、日志記錄以及緩存優化等。

該字段的正確拼寫是referrer.

二、 referer的應用圖片防盜：只有自家網站才能顯示圖片資源，外部網站加載圖片報錯，就可以基于referer字段去實現流量記錄: 比如在不同網站投放了廣告，想知道哪個網站對自己的流量貢獻最大，可以通過referer做統計，不希望暴露用戶所在的原始網址，可以只暴露域名。

三、 referer Policy 和 refererreferer攜帶什么是由referer Policy決定的

(1)no-referrer-when-downgrade(瀏覽器默認)

如果從 HTTPS 網址鏈接到 HTTP 網址，不發送Referer字段，其他情況發送(包括 HTTP 網址鏈接到 HTTP 網址)。這是瀏覽器的默認行為。

(2)no-referrer

不發送Referer字段。

(3)same-origin

鏈接到同源網址(協議+域名+端口 都相同)時發送，否則不發送。注意，https://foo.com鏈接到http://foo.com也屬于跨域。

(4)origin

Referer字段一律只發送源信息(協議+域名+端口)，不管是否跨域。

(5)strict-origin

如果從 HTTPS 網址鏈接到 HTTP 網址，不發送Referer字段，其他情況只發送源信息。

(6)origin-when-cross-origin

同源時，發送完整的Referer字段，跨域時發送源信息。

(7)strict-origin-when-cross-origin

同源時，發送完整的Referer字段；跨域時，如果 HTTPS 網址鏈接到 HTTP 網址，不發送Referer字段，否則發送源信息。

(8)unsafe-url

Referer字段包含源信息、路徑和查詢字符串，不包含錨點、用戶名和密碼。

四、 設置referer policy(1) 標簽

let meta = document.createElement('meta');

meta.setAttribute('name','referrer');

meta.setAttribute('content','origin');

document.head.appendChild(meta);這種做法會作用于所有的請求

(2) referrerpolicy屬性

、、、和標簽，可以設置referrerpolicy 屬性。

只作用于當前請求，可用于圖片反防盜鏈

總結

以上是生活随笔為你收集整理的css 添加 referer,http中Referer和Referrer Policy的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。