《JavaScript設計模式》——第11章牛郎織女——代理模式11.1無法獲取圖片上傳模組資料

本節書摘來自非同步社群《JavaScript設計模式》一書中的第11章，第11.1節，作者：張容銘著，更多章節內容可以訪問雲棲社群“非同步社群”公眾號檢視

第11章 牛郎織女——代理模式

代理模式（Proxy）：由於一個物件不能直接引用另一個物件，所以需要通過代理物件在這兩個物件之間起到中介的作用。

由於使用者相簿模組上傳的照片量越來越大，導致伺服器端需要將圖片上傳模組重新部署到另外一個域（可理解為另一臺伺服器）中，這樣對於前端來說，使用者上傳圖片的請求路徑發生變化，指向其他伺服器，這就導致跨域問題。

11.1　無法獲取圖片上傳模組資料

“小銘，你幫我看看，為什麼我向我們們圖片上傳模組所在的伺服器傳送的請求，得不到資料呢？”小白問小銘。

// 當前域www.xx.com
$.ajax({
　　url : `http://upload.xx.com/upload.php`,
　　success : function(res){
　　　　// 無法獲取返回的資料
　　}
});

“開啟你的控制檯，你發現沒有，已經報錯了，出現跨域問題了。”

// 瀏覽器控制檯報錯：XMLHttpRequest cannot load http://upload.xx.com/upload.php. No `Access-Control-Allow-Origin` header is present on the requested resource.