Web資源文件的跨域請求設置解釋

例子

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

含義

crossorigin:指定在加載相關圖片是是否必須使用跨域(CORS)
 取值:

          anonymous:會發起一個跨域請求(即包含Origin: HTTP頭)。但不會發送任何認證信息(即不發送cookie, X.509證書和HTTP基本認證信息)。如果服務器沒有給出源站憑證(不設置Access-Control-Allow-Origin: HTTP頭),這張圖片就會被污染並限制使用
            use-credentials:會發起一個帶有認證信息 (發送 cookie, X.509 證書和 HTTP 基本認證信息) 的跨域請求 (即包含 Origin: HTTP 頭). 如果服務器沒有給出源站憑證 (不設置 Access-Control-Allow-Origin: HTTP 頭), 這張圖片就會被污染並限制使用
            不設置時: 資源將會不使用 CORS 加載 (即不發送 Origin: HTTP 頭), 這將阻止其在 元素中進行使用. 若設置了非法的值, 則視爲使用 anonymous


 integrity:子資源完整性 (SRI) 是一項安全功能,可讓瀏覽器驗證其抓取的文件 (例如,從一個 CDN) 是在沒有意外操作的情況下傳遞的。它的工作原理是允許您提供一個獲取的文件必須匹配的加密散列/哈希

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章