Nginx跨域基本配置(CORS)

server {
      listen 80; # 监听的端⼝
       server_name localhost; # 域名或ip

    location / {  
        # 允许跨域的请求,可以自定义变量$http_origin,*表示所有  
        add_header 'Access-Control-Allow-Origin' *;  
        # 允许携带cookie请求  
        add_header 'Access-Control-Allow-Credentials' 'true';  
        # 允许跨域请求的方法:GET,POST,OPTIONS,PUT   
        # add_header 'Access-Control-Allow-Methods' *; 
        add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS,PUT';  
        # 允许请求时携带的头部信息,*表示所有  
        add_header 'Access-Control-Allow-Headers' *;  
        # 允许发送按段获取资源的请求  
        add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';  
        # 一定要有!!!否则Post请求无法进行跨域!
        # 在发送Post跨域请求前,会以Options方式发送预检请求,服务器接受时才会正式请求  
        if ($request_method = 'OPTIONS') {  
            add_header 'Access-Control-Max-Age' 1728000;  
            add_header 'Content-Type' 'text/plain; charset=utf-8';  
            add_header 'Content-Length' 0;  
            # 对于Options方式的请求返回204,表示接受跨域请求  
            return 204;  
        }  
    }
}



最重要的就是要在被跨域的nginx配置添加如下配置

      #允许跨域请求的域,* 代表所有
      add_header 'Access-Control-Allow-Origin' *;
      #允许带上cookie请求
      add_header 'Access-Control-Allow-Credentials' 'true';
      #允许请求的方法,比如 GET/POST/PUT/DELETE
      add_header 'Access-Control-Allow-Methods' *;
      #允许请求的header
      add_header 'Access-Control-Allow-Headers' *;

未验证:

如果要发送Cookie,Access-Control-Allow-Origin就不能设为星号,必须指定明确的、与请求网页一致的域名 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值