vue2學習計畫1 2 瀏覽器跨域問題

這是乙個系列，記錄我nginx開發常用的**，小常識，有些是參考網上**，(講的可能有點爛，求不要打臉，嚶嚶嚶~~)送給那些需要的人。可以相互交流，喜歡的加我吧。

wx: lxp911221

最近學習vue2，對網上的看到的內容和自己看到vue元件原始碼，進行記錄。

過去跨域都是用jsonp, window.name，postmessage() 等方法模擬，但都不是很純粹的ajax解決方案。

參考文章

先上vue-resource 上的例項

html5中 xmlhttprequest level 2 的推出。可以通過在返回的http請求頭中加入 access-control-allow-origin 的設定，讓瀏覽器支援對不同域的ajax請求。這個情況下前端ajax的**不用做任何更改，只需要在服務端的返回中設定以下頭資訊即可:

access-control-allow-origin: * //*代表任何域。也可以指定位址

access-control-allow-methods: post,get //支援的方法

另外xhr2也帶有更多高階功能，例如progress進度，檔案上傳，獲取二進位制資料等。詳見

xdr (ie 8-9 only)

對於xhr2，ie瀏覽器的支援是ie10以上。但是ie早在ie8時就推出了 xdomainrequest 物件進行跨域操作，一直沿用到ie10才被取代掉。因此在ie8,ie9中應該使用 xdomainrequest (xdr)來實現。

xdr在建立時是通過 new xdomainrequest() 進行建立。其他操作和xhr有細微差別。比如open方法只有method和url兩個引數，xdr只支援非同步不支援同步操作。詳細見文件: xdomainrequest object

var xdr = new xdomainrequest();

xdr.open(「get」, 「

xdr.onload = function()

xdr.send();

另外使用xdr時也需要伺服器端設定上面提到的 access-control-allow-origin 頭資訊。