1. 程式人生 > >vue-cli解決跨域問題

vue-cli解決跨域問題

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