前端解決跨域的幾種方式

2021-10-20 18:15:57 字數 323 閱讀 5115

參考1、 通過jsonp跨域

jsonp 只支援get請求

jsonp 的優勢在於支援老式瀏覽器,以及可以向不支援 cors 的**請求資料。

2、 document.domain + iframe跨域

3、 location.hash + iframe

4、 window.name + iframe跨域

5、 postmessage跨域

6、 跨域資源共享(cors)

7、 nginx**跨域

8、 nodejs中介軟體**跨域

9、 websocket協議跨域

10 降域

前端跨域的幾種方式

在實際開發中,前端和後端之所以存在跨域的問題,主要是受到了 同源策略 的限制,同源 一般是指 協議 網域名稱 主網域名稱以及子網域名稱 和埠號三者相同,三者中的任何乙個不相同都算作是跨域,不同域之間的相互請求資源就算作是跨域,這樣都是會被限制的 之所以設定同源策略的限制主要是為了避免瀏覽器受到xss...

解決跨域的幾種方式

1.document.domain 由於js同源策略的限制,指令碼只能讀取和所屬文件 相同的視窗和文件屬性 對於有公共的上級網域名稱,這些伺服器上的頁面之間的跨域訪問可以通過document.domain來進行 預設document.domain存放的是載入文件的伺服器的主機名,可以手動設定這個屬性...

前端跨域通訊的幾種方式

本文最初發表於,並在github上持續更新前端的系列文章。歡迎在github上關注我,一起入門和高階前端。以下是正文。前端通訊類的問題,主要包括以下內容 同源策略是乙個概念,就一句話。有什麼限制,就三句話。能說出來即可。如果你不準備,估計也就只能說出ajax。ajax在前後端通訊中經常用到。做業務時...