新版本nginx配置跨域不生效的问题说明

在Nginx的server或location块中,可以通过设置add_header指令允许跨域请求,包括设置Access-Control-Allow-Origin为*以允许所有域,Access-Control-Allow-Credentials为true允许携带cookie,以及定义Access-Control-Allow-Methods和Access-Control-Allow-Headers支持各种HTTP方法和请求头。当请求方法为OPTIONS时,返回204状态码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在server或location中添加如下配置即可:

            #允许跨域请求的域,* 代表所有
            add_header 'Access-Control-Allow-Origin' * always;
            #允许带上cookie请求
            add_header 'Access-Control-Allow-Credentials' 'true' always;
            #允许请求的方法,比如 GET/POST/PUT/DELETE
            add_header 'Access-Control-Allow-Methods' * always;
            #允许请求的header
            add_header 'Access-Control-Allow-Headers' * always;
            if ($request_method = 'OPTIONS') {
                return 204;
            }

如图所示:

  • 只针对当前location配置允许
  • 如果配置到server下,则当前server下的location都生效
    在这里插入图片描述
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值