美文网首页网络
Nginx配置跨域兼容IOS12 苹果手机请求程序报networ

Nginx配置跨域兼容IOS12 苹果手机请求程序报networ

作者: 码农笔录 | 来源:发表于2021-10-09 13:38 被阅读0次

    最近有用户反馈在使用微信H5页面的时候,一直提示network error错误,但是本身网络都是正常的,因为网页能正常打开。上网查了下,说后台接口要配置成为HTTPS的,于是我申请了一个ssl证书,通过错误收集软件查看,报错数量确实少了点,但是还是有很多设备报错。而且大部分是苹果ios 12系统。结果发现自己的跨域配置有问题。

    默认的跨域配置如下:

        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Headers' '*';
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' '*';
        if ($request_method = 'OPTIONS') {
           return 200;
        }
    

    后面改成如下配置就好了,这样就兼容ios 12了。

    
    location / {
      proxy_set_header Host $host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      add_header Access-Control-Allow-Credentials true;
    
      #   表示允许这个域跨域调用(客户端发送请求的域名和端口)
      #   $http_origin动态获取请求客户端请求的域   不用*的原因是带cookie的请求不支持*号
      add_header Access-Control-Allow-Origin $http_origin;
    
      add_header 'Access-Control-Allow-Methods' '*';
      #   表示请求头的字段 动态获取
      add_header Access-Control-Allow-Headers $http_access_control_request_headers; 
    
      if ($request_method = 'OPTIONS') {    
          return 204;
      }
      proxy_pass http://waterpath;
    }
    
    

    相关文章

      网友评论

        本文标题:Nginx配置跨域兼容IOS12 苹果手机请求程序报networ

        本文链接:https://www.haomeiwen.com/subject/mysqoltx.html