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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM