vue-cli 配置proxyTable解決 axios 跨域問題，實現請求接口數據

經過配置proxyTable，可解決axios跨域問題，從而不用後臺改接口，實現請求接口數據 。

百度了不少方法，綜合了一下有如下幾種：

第一種：

在服務器配置（關鍵代碼） 

response.setHeader("Access-Control-Allow-Origin", "*");//容許其餘域名訪問
response.setHeader("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS" );//響應類型
response.setHeader("Access-Control-Allow-Headers","x-requested-with,content-type");//響應頭設置

在main.js裏面添加

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

此方法沒嘗試，只是總結了一下

第二種：

經過配置proxyTable （項目的config文件夾下的index.js的dev: {....}裏面）

target：‘這裏寫的是以http://或者https://開頭的域名，如：https://www.baidu.com/ ’

而後在main.js裏面直接調用

這裏我get請求訪問的域名就會是https://www.baidu.com/StairClassUrl/GetColumn

注意  這裏定義的全局屬性baseUrl 必須和 proxyTable 裏面的 pathRewrite 定義的名稱一致。

若是不一致仍是會報錯

而後關閉項目，重啓（由於修改了config裏面的文件，因此必須重啓才能看效果！！！）就能成功接收到數據

只用了第二種，親測有效