1. 程式人生 > >Nginx配置跨域支持功能

Nginx配置跨域支持功能

nginx配置 後臺服務 拒絕 pan ted 控制 sta nbsp tro

跨域是前端開發中經常會遇到的問題,前端調用後臺服務時,通常會遇到 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 ###
}

Nginx配置跨域支持功能