跨域

同源策略(Same origin Polity)

瀏覽器出于安全考慮,只會于本域下的接口交互。不同源的客戶端腳本,在沒有明確授權(quán)的情況下,不能讀寫對方資源。

什么是本域?

看看不同源:

JSONP 解決 跨域

需要后端支持
用script標(biāo)簽去請求,請求的數(shù)據(jù)由后臺,

CORS 跨域資源共享

跨來源資源共享(CORS)是一份瀏覽器技術(shù)的規(guī)范,提供了 Web 服務(wù)從不同網(wǎng)域傳來沙盒腳本的方法,以避開瀏覽器的同源策略,是 JSONP 模式的現(xiàn)代版。與 JSONP 不同,CORS 除了 GET 要求方法以外也支持其他的 HTTP 要求。用 CORS 可以讓網(wǎng)頁設(shè)計師用一般的 XMLHttpRequest,這種方式的錯誤處理比 JSONP要來的好。另一方面,JSONP 可以在不支持 CORS 的老舊瀏覽器上運作。現(xiàn)代的瀏覽器都支持 CORS。

122013@2x.png

postMessage

142907@2x.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 1. 什么是同源策略 同源是指域名、協(xié)議、端口相同。同源策略(Same-Origin Policy)是瀏覽器的一個...
    65_劉璐閱讀 712評論 0 0
  • 什么是跨域? 2.) 資源嵌入:、、、等dom標(biāo)簽,還有樣式中background:url()、@font-fac...
    電影里的夢i閱讀 2,389評論 0 5
  • 1. 什么是跨域? 跨域一詞從字面意思看,就是跨域名嘛,但實際上跨域的范圍絕對不止那么狹隘。具體概念如下:只要協(xié)議...
    他在發(fā)呆閱讀 829評論 0 0
  • 1. 什么是跨域? 跨域一詞從字面意思看,就是跨域名嘛,但實際上跨域的范圍絕對不止那么狹隘。具體概念如下:只要協(xié)議...
    w_zhuan閱讀 532評論 0 0
  • 終 啟于初心的美好, 發(fā)誓要去遠方。 帶著對未來的初衷, 在一個時代流浪。 困獸場里無路可走, 黑暗森林大霧茫茫。...
    大風(fēng)起兮云飛揚_閱讀 256評論 2 1