前端瀏覽器跨域請求的方式

2021-10-06 03:20:20 字數 822 閱讀 2115

因為瀏覽器的同源策略(協議,網域名稱,埠號),在訪問不同源的資料時,就產生了跨域問題,跨域問題常見的解決方法有以下幾種:

1.jsonp跨域解決方案

2.cors跨域資源共享

3.基於http proxy實現跨域請求

4.基於post message實現跨域處理

5. 基於iframe的跨域解決方案

6.websocket和nginx反向**

1.jsonp:利用像

例如:

2.cors(cross-origin resource sharing)跨資源共享:基本思想是使用自定義的http頭部讓瀏覽器與伺服器進行溝通。

比如乙個簡單的使用get或者post請求,它沒有自定義的頭部,而主題內容是text/plain,在傳送該請求的時候,需要給它附加乙個額外的origin頭部,其中包含請求頁面的源資訊(協議網域名稱和埠),一邊伺服器根據這個頭部資訊來決定是否給與響應,下面是origin頭部示例:origin:如果伺服器認為這個請求可以接受,就在access-control-allow-origin頭部中回發相同的源資訊(如果是共用資源,可以發「*」),例如:access-control-allow-origin:如果沒有這個頭部,或者頭部源資訊不匹配,瀏覽器就會駁回請求。請求和響應都不包含cookie資訊。

3.回頭再補,先寫到這裡。

已攔截跨域請求 瀏覽器 瀏覽器攔截跨域請求處理方法

引用 在瀏覽器請求中,出現跨域訪問資源的問題,我們肯定會遇到。如果跨域請求被阻止,有可能導致css js ajax請求 font字型等資源出現無法正常訪問的問題。接下來,就介紹下解決同源策略不允許讀取遠端資源的問題。解決此類問題,最直接的方法就是,就是給被請求的伺服器,新增http頭響應頭,這裡提供...

瀏覽器跨域

前端部分,簡單的封裝乙個promise版的ajax let myajax function headers else xhr.open method,path for let key,value of object.entries headers xhr.send body myajax heade...

瀏覽器跨域

同源策略 同源策略是乙個重要的安全策略,它用於限制乙個origin的文件或者它載入的指令碼如何能與另乙個源的資源進行互動。它能幫助阻隔惡意文件,減少可能被攻擊的媒介。協議 網域名稱 埠號 http伺服器,預設的埠號為80 tcp 木馬executor開放此埠 https securely trans...