Nginx跨域访问配置方式(Web反向代理跨域访问配置)
更新时间：2024年06月19日 09:32:05 作者：叹人间，美中不足今方信
这篇文章主要介绍了Nginx跨域访问配置方式(Web反向代理跨域访问配置),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
Nginx跨域访问配置(Web反向代理跨域访问配置)
出于安全的原因，浏览器限制从脚本内发起跨域的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'
# 由于跨域请求，浏览器会先发送一个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
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
nginx sticky实现基于cookie负载均衡示例详解
这篇文章主要为大家介绍了nginx sticky实现基于cookie负载均衡示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要给大家介绍了关于windows下nginx服务关不掉问题解决的相关资料,nginx是一种网络服务器,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-08-08
小编最近遇到这样一个问题docker nginx起不来了，导致jira域名映射失败，如何解决呢？下面小编给大家分享下nginx启动失败的解决过程，感兴趣的朋友一起看看吧2022-02-02
这篇文章主要介绍了Nginx缓存在服务端 代理和客户端的区别深入探索,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
这篇文章主要介绍了详解Nginx 利用代理转发请求示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
这篇文章主要给大家介绍了关于Linux部署Nginx的相关资料,Nginx 是一个高性能的HTTP和反向代理web服务器,Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,需要的朋友可以参考下2024-01-01
实现Nginx中使用PHP-FPM时记录PHP错误日志的配置方法
最近在本地搭建的LNMP的开发环境。为了开发的时候不影响前端的正常开发就屏蔽的PHP里面php.ini中的一些错误提示。但是这样一来，就影响到了后端开发的一些问题比如不能及时调试开发中的一些问题2014-05-05
这篇文章主要介绍了详解nginx前端根据$remote_addr分发方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
Nginx的location指令是配置请求路由的核心机制,其匹配规则直接影响请求的处理流程,下面给大家介绍Nginx Location映射规则总结归纳,感兴趣的朋友一起看看吧2025-06-06
这篇文章主要介绍了Nginx Linux安装部署详细教程,本文通过图文实例代码相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
最新评论