Nginx實作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

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

推薦閱讀：

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

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

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