跨域總結

摘要： 目前很多應用開發都是多客戶端的，前端呼叫後端提供的 API 來獲取資料，很多都是前後端分離的架構，但這樣相比之前的單應用系統會帶來跨域的問題。 0、什麼是跨域問題 前端呼叫的後端介面不屬於同一個域（域名或埠不同），就會產生跨域問題，也就是說你的應用訪問了該應用域名或埠之外的域名或埠。...

目前很多應用開發都是多客戶端的，前端呼叫後端提供的 API 來獲取資料，很多都是前後端分離的架構，但這樣相比之前的單應用系統會帶來跨域的問題。

0、什麼是跨域問題

前端呼叫的後端介面不屬於同一個域（域名或埠不同），就會產生跨域問題，也就是說你的應用訪問了該應用域名或埠之外的域名或埠。

1、為什麼會發生跨域問題

要同時滿足三個條件才會產生跨域問題，這也就是為什麼會產生跨域的原因。

• 1、瀏覽器限制，而不是服務端限制，可以檢視Network，請求能夠正確響應，response返回的值也是正確的
• 2、請求地址的域名或埠和當前訪問的域名或埠不一樣
• 3、傳送的是XHR（XMLHttpRequest）請求，可以使用 a 標籤（xhr請求）和 img 標籤（json請求）做對比（控制檯只報了一個跨域異常）

關於 XMLHTTPRequest 可以參看這篇文章 《你真的會使用XMLHttpRequest嗎？》