首頁 > web前端 > js教程 > 主體

Nginx實作AJAX跨域請求圖文詳解(附代碼)

php中世界最好的语言
發布: 2018-04-04 11:47:16
原創
1844 人瀏覽過

這次帶給大家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
登入後複製

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

Ajax中用到get和post會遇到哪些問題以及處理方法

$. Ajax()方法的參數如何使用

以上是Nginx實作AJAX跨域請求圖文詳解(附代碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板