前端跨域問題解析

2021-09-08 19:35:45 字數 725 閱讀 4549

搞前段,不玩跨域,基本上不算是前端

首先看乙個帖子:

我翻譯一下帖子裡面用到的domain**的原理

document.domain = document.domain
頁面上有乙個主頁面,我們稱之為top.html,裡面ifream內嵌了乙個other.html,如果他們兩個視窗之間進行互動,就會跨域,因為網域名稱不同。

如何讓他們兩個域相同呢(域是指網域名稱+埠號),這個帖子就解釋了這個domain的原理

不要覺得這句話是瞎寫,它並不簡簡單單的為了把乙個自己的變數賦值給自己,而是為了改寫瀏覽器上面的埠號,由80全部改為null,首先top.html利用document.domain = document.domain來改寫自己的('example.com', 80) =》 ('example.com', null),之後它的子ifream再來一句document.domain = document.domain來改寫自己的('example.com', 80) =》 ('example.com', null),從而達到top.html域為example.com:null,other.html的域為example.com:null,ok了,倆一致了。

@落雨2023年10月10日20:04:28

前端跨域問題解析

搞前段,不玩跨域,基本上不算是前端 首先看乙個帖子 我翻譯一下帖子裡面用到的domain 的原理 document.domain document.domain頁面上有乙個主頁面,我們稱之為top.html,裡面ifream內嵌了乙個other.html,如果他們兩個視窗之間進行互動,就會跨域,因為...

前端跨域問題

雖然羅列這麼多,但是我只用過一種 1 jsonp 2 document.domain iframe 3 location.hash iframe 4 window.name iframe 5 postmessage 6 跨域資源共享 cors 7 nginx 8 nodejs中介軟體 9 webso...

前端跨域問題

一 瀏覽器設定跨域 1,mac下chrome瀏覽器跨域 在終端中輸入以下命令 yourname是自己本機使用者名稱 開啟的chrome有 disable web security 相關的提示,說明瀏覽器設定跨域成功。2,window下chrome跨域 這個簡單了,直接右擊選擇chrome的屬性,在快...