vue項目中的跨域源請求攔截問題CORS頭缺乏'Access-Control-Allow-Origin'

這裏使用的是axios發請求出現的。

 

訪問的api接口是：

 

在不一樣域之間訪問是比較常見，在本地調試訪問遠程服務器。。。。這就是有域問題。

VUE解決經過proxyTable

 

解決辦法：

1.檢查請求方式：我一開始是用了this.axios.post(url)，改成this.axios.get(url)

2.將axios的

axios.defaults.baseURL = 'http://XXX.com';//註釋掉

3.配置proxyTable，意思是若是請求地址以/api,或者/XXapi 開頭，則自動加上target，直接看例子

原來：this.axios.get('/api/appname=3')

配置了下方的proxyTable後

發請求的時候就至關於this.axios.get('http://XXX.com/api/apname=3')

 

 

注意，代理成功後，打開瀏覽器調試，請求地址出現localhost是正常的，實際上已經經過代理轉到了外網服務器中

 

 

 

參考：

https://www.cnblogs.com/cscredis/p/9286250.html