宝塔nginx跨域设置

Nginx跨域配置详解

最新推荐文章于 2025-10-23 04:59:50 发布

原创最新推荐文章于 2025-10-23 04:59:50 发布 · 6.7k 阅读

0 ·

CC 4.0 BY-SA版权

nginx 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了如何在Nginx服务器上正确配置跨域请求，通过设置$dom变量来区分不同源，并使用add_header指令添加Access-Control-Allow-Origin等响应头，确保POST、GET等方法及所有头部信息的跨域请求能够正常工作。同时，对于OPTIONS预检请求，文章提供了返回204状态码的解决方案。

在网站的配置文件中的第一个location前加入下面这段，宝塔中add_header加到location一直不生效不知为什么，而且add_header放在if中也报错

    set $dom "no";
    if ($http_origin ~* \.csdn\.net|\.0\.1){
        set $dom $http_origin;
    }

    add_header Access-Control-Allow-Origin $dom;
    add_header Access-Control-Allow-Methods "GET,POST,PUT,DELETE,OPTIONS";
    add_header Access-Control-Allow-Headers "*";

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