axios跨域訪問js端配置

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

服務端我已經作了http頭報文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控制檯中輸出跨域錯誤