Nginx跨域訪問配置方式(Web反向代理跨域訪問配置)
更新時間：2024年06月19日 09:32:05 作者：嘆人間，美中不足今方信
這篇文章主要介紹了Nginx跨域訪問配置方式(Web反向代理跨域訪問配置),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
Nginx跨域訪問配置(Web反向代理跨域訪問配置)
出于安全的原因，瀏覽器限制從腳本內(nèi)發(fā)起跨域的HTTP請求，除非響應報文中包含了允許瀏覽器解析報文的CORS響應頭
也就是說，響應報文的頭中要有以下幾個響應頭
Nginx要使用add_header添加這幾個響應頭
1.前后端分離的工程
一般情況下是使用Ajax訪問后端接口
Ajax的請求頭為X-Requested-With
因此服務端要允許X-Requested-With的請求頭
add_header 'Access-Control-Allow-Headers' 'X-Requested-With';
2.服務端要配置哪些域
是可以跨域訪問到本服務器資源的
add_header 'Access-Control-Allow-Origin' '*';
注意：
- 如果使用了
add_header 'Access-Control-Allow-Credentials' 'true'
- 那么不能使用通配符
add_header 'Access-Control-Allow-Origin' 'www.baidu.com'; add_header 'Access-Control-Allow-Credentials' 'true';
3.服務器端要指定HTTP請求的方法
add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS'
案例
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Headers' 'X-Requested-With';
add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS'
# 由于跨域請求，瀏覽器會先發(fā)送一個OPTIONS的預檢請求，我們可以緩存第一次的預檢請求的失效時間
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Max-Age' 2592000;
add_header 'Content-Type' 'text/plain; charset=utf-8';
add_header 'Content-Length' 0;
return 204;
}HTTP請求頭詳解點這里查看。
對于跨域的配置，不是只有Nginx可以配置，在Spring中也提供了跨域訪問的配置
詳見CorsFilter、CorsConfiguration、UrlBasedCorsConfigurationSource
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了使用Nginx做靜態(tài)文件服務器,如何進行權限驗證問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06
這篇文章主要介紹了CentOS利用Nginx搭建下載功能服務器,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了Nginx生成縮略圖并存儲到硬盤上的相關資料,需要的朋友可以參考下2016-03-03
Nginx為我們提供了請求限制模塊、基于令牌桶算法的流量限制模塊,可以方便的控制令牌速率,自定義調(diào)節(jié)限流,實現(xiàn)基本的限流控制,下面就來介紹一下2025-05-05
Nginx的核心功能--正向代理、反向代理、緩存和Rewrite
Nginx作為一款高性能的開源Web服務器和反向代理工具,在負載均衡、緩存加速、安全防護等場景中扮演著關鍵角色,本文聚焦Nginx的四大核心功能--反向代理(七層/四層)、正向代理、緩存機制和正則表達式匹配,通過理論解析與場景化案例,深入掌握其設計思想與實踐技巧2025-05-05
這篇文章主要介紹了Nginx中HTTP的keepalive相關配置,以及Nginx的Httpd守護進程相關的keepalive timeout配置,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了nginx 隔離進行簡單的攔截詳解的相關資料,這里對nginx內(nèi)置變量進行了簡單的介紹并對隔離攔截進行了詳解， 需要的朋友可以參考下2016-12-12
內(nèi)存池是在真正使用內(nèi)存之前，預先申請分配一定數(shù)量的、大小相等(一般情況下)的內(nèi)存塊留作備用，接下來通過本文給大家介紹nginx內(nèi)存池源碼，本文通過實例代碼給大家介紹的非常詳細，需要的朋友參考下吧2021-11-11
這篇文章主要介紹了制作nginx的RPM包的方法,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了Nginx Location 指令簡明指南,本文講解了它的基本語法、匹配過程、配置實例和全局變量,需要的朋友可以參考下2015-04-04