nginx-配置允许跨域

2022-06-04 21:00:54 阅读：173 来源： 互联网

标签：Control 请求 header Access nginx add 允许跨域

nginx 配置允许跨域，网上找了很多方法，普遍说加3个add_header就能实现跨域的，不知道是不是系统环境不一样，反正我是没成功。

最终还是用下面的方法成功，特此记录下：

server {
    listen       88;
    server_name  http://localhost;

     #proxy_set_header Host $host;
     #proxy_set_header X-Real-Ip $remote_addr;
     #proxy_set_header X-Forwarded-For $remote_addr;

    #   指定允许跨域的方法，*代表所有
    add_header Access-Control-Allow-Methods *;

    #   预检命令的缓存，如果不缓存每次会发送两次请求
    add_header Access-Control-Max-Age 3600;
    #   不带cookie请求，并设置为false
    add_header Access-Control-Allow-Credentials false;

    #   表示允许这个域跨域调用（客户端发送请求的域名和端口） 
    #   $http_origin动态获取请求客户端请求的域   不用*的原因是带cookie的请求不支持*号
    add_header Access-Control-Allow-Origin $http_origin;

    #   表示请求头的字段 动态获取
    add_header Access-Control-Allow-Headers 
    $http_access_control_request_headers;

    #   OPTIONS预检命令，预检命令通过时才发送请求
    #   检查请求的类型是不是预检命令
    if ($request_method = OPTIONS){
        return 200;
    }

    location / {
        #这里省略很多字
    }

}

标签：Control,请求,header,Access,nginx,add,允许,跨域
来源： https://www.cnblogs.com/hailun1987/p/16342734.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

nginx-配置允许跨域