什麼是跨域

要了解跨域，先要說說同源策略。

同源策略是由 Netscape 公司提出的一個著名的安全策略，所有支援 JavaScript 的瀏覽器都會使用這個策略。

所謂同源是指，域名，協議，埠相同。當頁面在執行一個指令碼時會檢查訪問的資源是否同源，如果非同源，那麼在請求資料時，瀏覽器會在控制檯中報一個異常，提示拒絕訪問。

同源策略一般又分為以下兩種：

• DOM同源策略：禁止對不同源頁面DOM進行操作。這裡主要場景是iframe跨域的情況，不同域名的iframe是限制互相訪問的。

• XmlHttpRequest同源策略：禁止使用XHR物件向不同源的伺服器地址發起HTTP請求。

那麼，到底什麼是跨域？

跨域，指的是從一個域名去請求另外一個域名的資源。即跨域名請求！跨域時，瀏覽器不能執行其他域名網站的指令碼，是由瀏覽器的同源策略造成的，是瀏覽器施加的安全限制。

跨域的嚴格一點來說就是隻要協議，域名，埠有任何一個的不同，就被當作是跨域。

為什麼要跨域？

現實工作開發中經常會有跨域的情況，因為公司會有很多專案，也會有很多子域名，各個專案或者網站之間需要相互呼叫對方的資源，避免不了跨域請求。

跨域解決方案

• 通過jsonp跨域

• document.domain + iframe跨域

• location.hash + iframe

• window.name + iframe跨域

• postMessage跨域

• 跨域資源共享（CORS）

• nginx代理跨域

• nodejs中介軟體代理跨域

• WebSocket協議跨域