1. 程式人生 > >vue-resource Content-Type is not allowed by Access-Control-Allow-Headers in preflight response

vue-resource Content-Type is not allowed by Access-Control-Allow-Headers in preflight response

 朋友剛問了一個問題


用JQuery Ajax 請求的時候沒有問題,正常請求該介面。

但是換成vue-resouce 時會報如上的錯。

後來經過查詢發現時 發現是Content-type 問題

vue-resource 請求時候 requests encoded 為 application/json

jquery 請求時候 requests encoded 為 application/x-www-form-urlencoded

所以我們可以讓vue-resouece 提交資料的編碼和jquery是一樣的

在main.js中  設定 Vue.http.options.emulateJSON =

true;

還有一種方法是在後臺設定 Access-Control-Allow-Headers : Content-Type

下面是vue-resouece 提到的解決方案