使用nginx如何解决Access-Control-Allow-Origin问题

 更新时间:2024年01月03日 09:01:09   作者:岑如花  
这篇文章主要介绍了使用nginx如何解决Access-Control-Allow-Origin问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

前台在访问不同ip的nginx服务器时报错:

No ‘Access-Control-Allow-Origin’ header is present on the requested resource

原因

被请求的资源没有设置 ‘Access-Control-Allow-Origin’

也就是nginx的返回信息头没有Access-Control-Allow-Origin(也就是浏览器同源策略,大家可以自行百度)

解决方案

在nginx中的nginx.conf中的路由中添加以下代码:

location / {  
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
} 

如果你请求的不是"location /" 

则在自己的路由添加例如:“localhost /test”

总结

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

相关文章

  • nginx server_name配置多个域名时的坑

    nginx server_name配置多个域名时的坑

    Nginx配置多个server_name时,$server_name默认取第一个值,导致PHP获取错误,下面就来介绍一下该问题的解决,感兴趣的可以了解一下
    2025-05-05
  • Nginx实现反向代理全过程

    Nginx实现反向代理全过程

    Nginx是一个高性能的HTTP和反向代理服务器,具有稳定、丰富的功能集、示例配置文件和低系统资源消耗等特点,Nginx可以作为负载均衡服务器使用,并且在处理图片回显业务方面也有很好的表现
    2025-11-11
  • 使用Nginx为OpenClaw反向代理的实现

    使用Nginx为OpenClaw反向代理的实现

    本文详细介绍了如何通过Nginx反向代理配置OpenClaw网关的无域名HTTPS访问方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2026-04-04
  • nginx实现http转换为https的项目实践

    nginx实现http转换为https的项目实践

    Nginx作为Web服务器时,可以通过配置实现HTTP跳转HTTPS,本文主要介绍了nginx实现http转换为https的实践,具有一定的参考价值,感兴趣的可以了解一下
    2025-03-03
  • nginx配置SSL/TLS证书的实现步骤

    nginx配置SSL/TLS证书的实现步骤

    本文详细介绍了nginx配置SSL/TLS证书的实现步骤,确保通过HTTPS安全访问,步骤包括DNS解析验证、下载和安装SSL证书、安装Nginx、配置nginx.conf文件以及设置HTTPS重定向,感兴趣的可以了解一下
    2024-09-09
  • 解决nginx“504 Gateway Time-out”错误

    解决nginx“504 Gateway Time-out”错误

    这篇文章介绍了解决nginx“504 Gateway Time-out”错误的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-12-12
  • Nginx服务器限制IP访问的各种情况全解析

    Nginx服务器限制IP访问的各种情况全解析

    这篇文章主要介绍了Nginx服务器限制IP访问的各种情况全解析,包括限制同一IP在一段时间内的访问次数和全局限IP访问以及限制IP访问指定目录等情况,需要的朋友可以参考下
    2015-08-08
  • Nginx服务器中配置非80端口的端口转发方法详解

    Nginx服务器中配置非80端口的端口转发方法详解

    这篇文章主要介绍了Nginx服务器中配置非80端口的端口转发方法详解,文中使用到了Nginx中的proxy_pass配置项,需要的朋友可以参考下
    2016-04-04
  • nginx全局变量整理小结

    nginx全局变量整理小结

    nginx全局变量整理小结,方便需要的朋友
    2012-11-11
  • nginx负载均衡配置方式

    nginx负载均衡配置方式

    这篇文章主要介绍了nginx负载均衡配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-06-06

最新评论