DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> 深入淺析Nginx實現AJAX跨域請求問題
深入淺析Nginx實現AJAX跨域請求問題
編輯: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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved