nginx如何配置跨域

off999 2025-01-08 16:29 11 浏览 0 评论

要在 Nginx 中配置跨域，可以使用 add_header 指令来添加 Access-Control-Allow-* 头信息，如下所示：

location /api {
    if ($request_method = 'OPTIONS') {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'Authorization, Content-Type, X-Requested-With';
        add_header 'Access-Control-Max-Age' 86400;
        add_header 'Content-Length' 0;
        return 204;
    }

    add_header 'Access-Control-Allow-Origin' '*' always;
    add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE';
    add_header 'Access-Control-Allow-Headers' 'Authorization, Content-Type, X-Requested-With';
    proxy_pass http://backend;
}

以上配置中，我们在 /api 路径下配置了跨域。其中，如果请求方法为 OPTIONS，则添加相应的头信息后直接返回 204，否则添加常规的跨域头信息并转发请求到后端服务。

具体来说，我们添加了以下几个头信息：

Access-Control-Allow-Origin：允许的跨域来源，这里设置为 * 表示允许任何来源。
Access-Control-Allow-Methods：允许的请求方法，这里设置为 GET, POST, PUT, DELETE, OPTIONS。
Access-Control-Allow-Headers：允许的请求头，这里设置了 Authorization, Content-Type, X-Requested-With。
Access-Control-Max-Age：预检请求的有效期，这里设置为 86400 秒。

注意，由于浏览器会先发送一个预检请求（OPTIONS 请求），所以我们需要针对这种情况单独处理，否则浏览器会报错。

您的点赞、关注是我更新的最大动力，感谢

nginx 配置在哪

上一篇：nginx可以在线可视化配置了
下一篇：nginx服务器如何配置多虚拟站点及其它

nginx如何配置跨域

相关推荐

取消回复欢迎你发表评论:

python 3.8调用dll - Could not find module 错误的解决方法

Python3.8如何安装Numpy（python3.6安装numpy）

加密Python源码方案 PyArmor（python项目源码加密）

大学生机械制图搜题软件?7个受欢迎的搜题分享了

编写一个自动生成双色球号码的 Python 小脚本

免费男女身高在线计算器，身高计算公式

将python文件打包成exe程序，复制到每台电脑都可以运行

腿身比计算公式，在线计算器，长短腿类型表

Python学习入门教程，字符串函数扩充详解

Python数据分析实战-使用replace方法模糊匹配替换某列的值

nginx如何配置跨域

相关推荐

取消回复欢迎 你 发表评论:

python 3.8调用dll - Could not find module 错误的解决方法

Python3.8如何安装Numpy（python3.6安装numpy）

加密Python源码方案 PyArmor（python项目源码加密）

大学生机械制图搜题软件?7个受欢迎的搜题分享了

编写一个自动生成双色球号码的 Python 小脚本

免费男女身高在线计算器，身高计算公式

将python文件打包成exe程序，复制到每台电脑都可以运行

腿身比计算公式，在线计算器，长短腿类型表

Python学习入门教程，字符串函数扩充详解

Python数据分析实战-使用replace方法模糊匹配替换某列的值

取消回复欢迎你发表评论: