Nginx配置跨域支持功能

跨域是前端開發中常常會遇到的問題，前端調用後臺服務時，一般會遇到 No 'Access-Control-Allow-Origin' header is present on the requested resource的錯誤，這是由於 瀏覽器的同源策略拒絕了咱們的請求。
所謂同源是指，域名，協議，端口相同，瀏覽器執行一個腳本時同源的腳本纔會被執行。若是非同源，那麼在請求數據時，瀏覽器會在控制檯中報一個異常，提示拒絕訪問。

 

跨域是指a頁面想獲取b頁面資源，若是a、b頁面的協議、域名、端口、子域名不一樣，所進行的訪問行動都是跨域的，而瀏覽器爲了安全問題通常都限制了跨域訪問，也就是不容許跨域請求資源。

注意：跨域限制訪問，實際上是瀏覽器的限制。

 

# vim nginx.conf

http {
  ###start###
 add_header Access-Control-Allow-Origin *;
  add_header Access-Control-Allow-Headers X-Requested-With;
  add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
  ###end ###
}

 add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,access-control-allow-origin,Authorization';