首頁  >  文章  >  web前端  >  深入淺析Nginx實現AJAX跨域請求問題

深入淺析Nginx實現AJAX跨域請求問題

亚连
亚连原創
2018-05-23 17:11:341928瀏覽

AJAX從一個域請求另一個域會有跨域的問題。那麼如何在nginx上實現ajax跨域請求呢?此問題難住很多朋友,下面我為大家帶來了Nginx實現AJAX跨域請求問題的相關知識,有興趣的朋友一起學習吧

AJAX從一個域請求另一個域會有跨域的問題。那麼如何在nginx上實現ajax跨域請求呢?若要在nginx上啟用跨域請求,需要新增add_header Access-Control*指令。如下所示:

location /{
add_header 'Access-Control-Allow-Origin' 'http://other.subdomain.com';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET';
...
...
the rest of your configuration here
...
...
}

註解如下:

第一條指令:授權從other.subdomain.com的請求

第二條指令:當該標誌為真時,響應於該請求是否可以被暴露

第三天指令:指定請求的方法,可以是GET,POST等

如果需要允許來自任何域的訪問,可以這樣配置:

Access-Control-Allow-Origin: *

重啟nginx

service nginx reload

ajax跨域請求測試

成功時,回應頭是如下圖:

HTTP/1.1 200 OK
Server: nginx
Access-Control-Allow-Origin: other.subdomain.com

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

AjaxToolKit之Rating控制項的使用方法

基於Ajax技術實作檔案上傳帶進度條

探討Ajax中有關readyState和status的問題

以上是深入淺析Nginx實現AJAX跨域請求問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn