前端http請求跨域問題解決

polkYu發表於2018-03-09

用axios請求後臺介面,解決跨域的方法大概有兩種:

  1. 用代理:代理也有兩種方法,一是用webpack的proxyTable外掛,二是在部署的時候用Nginx做一個反向代理,但是想到做代理轉發的話,可能會多耗一倍的請求時間,所以用跨域應該是比較好的辦法(不知道對不對,不對的話請大佬指出)
  2. 跨域:在後臺程式碼的入口控制器新增以下程式碼

header('Access-Control-Allow-Origin: "你請求的origin"');//允許指定域名跨域

//允許服務端response回去token欄位
header('Access-Control-Allow-Headers:Content-Type,token');

//允許使用cookie
header('Access-Control-Allow-Credentials:true');複製程式碼

因為允許跨域後,服務端每收到一個request都會當做是一個新的訪問物件,所以服務端無法返回token和cookie,這樣就導致後臺session無法儲存。


個人見解,有不對的地方請指出~


相關文章