[面試專題]跨域解決方案

跨域產生

同源策略限制,同源是指:域名，協議，端口相同。

1.跨域資源共享（CORS）

須要被請求方的服務端設置： Access-Control-Allow-Origin。兼容性不夠好,在IE10如下的瀏覽器不支持。

2.服務器代理

A客戶端訪問A服務器，並在A服務器上作代理訪問B服務器把請求結果返回A客戶端，即實現了A客戶端請求B服務器的跨域需求。

3.JSONP

原理:全部具備src屬性的HTML標籤都是能夠跨域的，包括<script><img><iframe>,因此咱們一般會把一些圖片資源放到第三方服務器上，而後能夠經過<img>標籤的src屬性引用。

1. 首先在客戶端註冊一個callback, 而後把callback的名字傳給服務器。

2. 服務器先生成 json 數據。將 json 數據直接以入參的方式，放置到 callback中，這樣就生成了一段 js 語法的文檔，返回給客戶端。

3. 客戶端瀏覽器，解析script標籤，並執行返回的 javascript 代碼，此時數據做爲參數，傳入到了客戶端預先定義好的 callback 函數裏.（動態執行回調函數）