vue axios跨域

標籤：function   class   ram   官方   app   ica   根據   控制   pos   

由於vue2.0官方選擇axios來完成 ajax 請求，所以我最近開始用axios寫ajax的請求操作。我之前用的架構都是前後端分離，所以必然存在跨域問題。我根據github上axios的官方文檔，寫了post要求方法，可惜瀏覽器console控制台中輸出跨域問題的錯誤。

服務端我已經做了http頭報文header中的跨域處理

header(‘Access-Control-Allow-Origin: *‘); 

但是js用戶端我按照官方文檔操作，發現依然有跨域問題，隨後我在網上搜尋相關的解決方案，發現需要在js用戶端中，也就是http請求報文的頭部設定編碼格式Content-Type為application/x-www-form-urlencoded

axios({    method:‘post‘,    url:‘請求地址‘,    data:{        param:‘參數‘    },      headers: {            ‘Content-Type‘: ‘application/x-www-form-urlencoded‘,      }}).then(function(res){    return res.data;});

如果不加這句，post請求是可以訪問到服務端，但是服務端不能正常的返回給用戶端，並且在瀏覽器中console控制台中輸出跨域錯誤

vue axios跨域