脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网站技巧 → 服务器 → nginx → nginx已经配置过跨域不生效

解决nginx已经配置过跨域不生效问题

 更新时间：2023年12月22日 09:03:50   作者：空城旧梦丨  
这篇文章主要介绍了解决nginx已经配置过跨域不生效的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

nginx已经配置过跨域不生效问题

前端访问后台时提示跨域

服务器nginx配置如下

server {    
	listen       80;
	server_name  xxxxxx.com;

	location / {
		proxy_pass http://localhost:8061/;
		proxy_set_header   Host             $host;
		proxy_set_header   X-Real-IP        $remote_addr;
		proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
	}
	
       add_header Access-Control-Allow-Origin *;
       add_header Access-Control-Allow-Headers Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,X-Data-Type,X-Requested-With,token,platform;
       add_header Access-Control-Allow-Methods GET,POST,OPTIONS,HEAD,PUT;
       add_header Access-Control-Allow-Credentials true;
  
       proxy_set_header x-real-ip $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;


	access_log /var/log/nginx/api-access.log;
	error_log  /var/log/nginx/api-error.log;

}

很多文章都是说要加上

add_header Access-Control-Allow-Origin *;

但事实证明我这里已经配置了，还是报跨域，经过查询后发现关键点在这里

 if ( $request_method = 'OPTIONS' ) { 
       return 200;
  }

最终的配置就是

server {    
	listen       80;
	server_name  xxxxxx.com;

	location / {
		proxy_pass http://localhost:8061/;
		proxy_set_header   Host             $host;
		proxy_set_header   X-Real-IP        $remote_addr;
		proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
	}
	
       add_header Access-Control-Allow-Origin *;
       add_header Access-Control-Allow-Headers Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,X-Data-Type,X-Requested-With,token,platform;
       add_header Access-Control-Allow-Methods GET,POST,OPTIONS,HEAD,PUT;
       add_header Access-Control-Allow-Credentials true;
  
       proxy_set_header x-real-ip $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

	   if ( $request_method = 'OPTIONS' ) { 
		     return 200;
		}

	access_log /var/log/nginx/api-access.log;
	error_log  /var/log/nginx/api-error.log;

}

因为 post 请求 浏览器会发送一个 options 的预检请求，主要将本次的请求头 发送给服务端，若服务端允许，再发送真正的post请求，所以 f12 看到，经常 post 会发送两次请求。

因为后端 java 代码没有对 options 请求做出处理，导致 options 接口请求的时候，报 403 forbidden , 这里 nginx 对 options 的请求直接返回 200，不用到达接口层，直接允许 post 响应头，即可使得上述失效配置能够生效

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。 

您可能感兴趣的文章:

相关文章

  • Nginx利用Lua+Redis实现动态封禁IP的方法

    Nginx利用Lua+Redis实现动态封禁IP的方法

    在站点遇到攻击且无明显攻击特征，造成站点访问慢，nginx不断返回502等错误时，可利用nginx+lua+redis对该IP进行封禁，这篇文章主要给大家介绍了关于Nginx利用Lua+Redis实现动态封禁IP的相关资料，需要的朋友可以参考下
    2018-12-12
  • nginx配置文件详解中文版

    nginx配置文件详解中文版

    这篇文章主要介绍了nginx配置文件nginx.conf的配置参数详解,并增加了中文版注释,需要的朋友可以参考下
    2014-03-03
  • Nginx0.5.33+PHP5.2.5(FastCGI)搭建胜过Apache10倍的Web服务器

    Nginx0.5.33+PHP5.2.5(FastCGI)搭建胜过Apache10倍的Web服务器

    Nginx 0.5.31 + PHP 5.2.4（FastCGI）搭建可承受3万以上并发连接数，胜过Apache 10倍的Web服务器的第2版，经过了多台服务器的测试。
    2009-10-10
  • Nginx服务器基础的安全配置与一些安全使用提示

    Nginx服务器基础的安全配置与一些安全使用提示

    这篇文章主要介绍了Nginx服务器基础的安全配置与一些安全使用提示,文中举了一些典型的Nginx与PHP的环境用例,需要的朋友可以参考下
    2016-01-01
  • Nginx禁止ip访问或非法域名访问

    Nginx禁止ip访问或非法域名访问

    这篇文章主要介绍了Nginx禁止ip访问或非法域名访问,需要的朋友可以参考下
    2022-04-04
  • centos8中使用yum安装nginx的详细过程

    centos8中使用yum安装nginx的详细过程

    这篇文章主要介绍了centos8中怎样使用yum安装 nginx,centos8和centos7安装nginx有点点不一样,centos8 自带了nginx 1.14.1 ,我们先升级到新稳定版1.20.1，具体安装方法跟随小编一起学习下吧
    2023-03-03
  • nginx日志模块及日志定时切割的方法

    nginx日志模块及日志定时切割的方法

    本篇文章主要介绍了nginx日志模块及日志定时切割的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • Nginx如何提高Web应用的性能和安全性

    Nginx如何提高Web应用的性能和安全性

    现在越来越多的应用都离不开Web应用,但Web应用的性能问题也越来越成为企业关注的焦点,而Nginx作为一款高性能的Web服务器和反向代理服务器,能够为企业带来很多优势,Nginx的应用场景非常广泛,对于Web应用的优化、安全性的提升有着非常重要的作用
    2023-11-11
  • Nginx网站服务过程详解

    Nginx网站服务过程详解

    Nginx是一款高性能、异步非阻塞工作模式、轻量级Web服务软件，这篇文章主要介绍了Nginx网站服务的相关知识,需要的朋友可以参考下
    2023-06-06
  • Nginx 禁止IP访问如何实现

    Nginx 禁止IP访问如何实现

    这篇文章主要介绍了Nginx 禁止IP访问如何实现的相关资料,需要的朋友可以参考下
    2017-02-02

最新评论