vue-cli解決跨域問題
阿新 • • 發佈:2019-02-02
1:後端解決
設定Access-Control-Allow-Origin 為*
php:
header('Access-Control-Allow-Origin:*');//允許所以域名訪問
.net :
<httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Allow-Headers" value="Content-Type" /> <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" /> </customHeaders> </httpProtocol>
java:
response.setHeader("Access-Control-Allow-Origin", "*");
2:前端設定反向代理(暫時只解決了開發環境,即dev環境,build後沒解決,還是需要後端配置)
----------只能再開發模式下使用。代理是基於node執行的。build之後,打包成了html+css+js檔案,什麼服務都沒有,自然沒有代理了。
反向代理(Reverse Proxy)方式是指以代理伺服器來接受網路上的連線請求,然後將請求轉發給內部網路上的伺服器,並將伺服器上得到的結果返回給請求連線的客戶端,此時代理伺服器對外就表現為一個反向代理伺服器。客戶端無需做任何配置。
正向代理 在客戶端和原始伺服器(origin server)之間架設一個代理伺服器,為了從原始伺服器取得內容,客戶端向代理髮送一個請求並指定目標(原始伺服器),然後代理向原始伺服器轉交請求並將獲得的內容返回給客戶端。客戶端必須要進行一些特別的設定才能使用正向代理。
·修改config/index.js 檔案(改完之後千萬記得要重新 npm run dev)
3.直接用jsonp