nginx 解決AJAX 跨域問題。

來源:互聯網
上載者:User

標籤:custom   ngnix   頁面   origin   order   顯示   bsp   中間   nginx配置   

AJAX跨域的問題很常見,有較多的解決辦法如:jsonp,設定服務端允許跨域,給請求加代理等等解決方式,我項目中常用node.js搭建中間代理的方式解決。下面我將嘗試採用nginx做代理的方式解決跨域的問題。

第一步:搭建Server API,其中未設定允許跨域。get方法,返回英雄列表。(http://localhost:8081/heroes)

第二步:寫頁面測試ajax請求(http://localhost:8081/heroes),結果顯示跨域了。

順便說一下:如果要修改服務端只需要設定如下:

第三步:修改nginx設定檔

配置代碼:

        location = /heroes {
             add_header ‘Access-Control-Allow-Origin‘ ‘*‘;
             add_header ‘Access-Control-Allow-Methods‘ ‘GET, POST, OPTIONS‘;
             add_header ‘Access-Control-Allow-Headers‘ ‘DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range‘;
             add_header ‘Access-Control-Expose-Headers‘ ‘DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range‘;
                proxy_pass http://localhost:8081;
         }

第四步:測試ajax請求,這次將第二步中的8081改成80,讓ajax的請求被ngnix代理,能獲得結果。







nginx 解決AJAX 跨域問題。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

Tags Index: