Nginx配置跨域兼容IOS12 苹果手机请求程序报network error错误

一时失言乱红尘 2022-09-15 00:58 91阅读 0赞

> 原文更新链接 https://www.aiprose.com/blog/146

最近有用户反馈在使用微信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;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，91人围观）

还没有评论，来说两句吧...

相关阅读

相关 Nginx 跨域配置

配置跨域配置 proxy_set_header Host $host; proxy_set_header X-Real-IP $remot

灰太狼/ 2023年03月04日 15:25/ 0 赞/ 26 阅读

相关 nginx配置跨域

location /stmApi/ { add_header 'Access-Control-Allow-Origin

傷城~/ 2023年02月20日 02:55/ 0 赞/ 37 阅读

相关 Nginx配置跨域兼容IOS12 苹果手机请求程序报network error错误

> 原文更新链接 https://www.aiprose.com/blog/146 最近有用户反馈在使用微信H5页面的时候，一直提示network error错误，但是本身网

一时失言乱红尘/ 2022年09月15日 00:58/ 0 赞/ 92 阅读

相关 nginx配置ajax请求跨域

nginx配置： server \{ listen 18081; server\_name local

一时失言乱红尘/ 2022年07月29日 09:03/ 0 赞/ 244 阅读

相关 nginx配置ajax请求跨域

nginx配置： server \{ listen 18081; server\_name local

古城微笑少年丶/ 2022年06月14日 03:46/ 0 赞/ 266 阅读

相关 Nginx跨域配置

Nginx跨域配置某天，我们将Spring Boot应用用Nginx反向代理。而前端跨域请求的需求不减，于是乎。 Nginx跨域也比较简单，只需添加以下配置即可。

Bertha 。/ 2022年05月21日 04:27/ 0 赞/ 295 阅读

相关 Nginx配置跨域请求

我后台的项目是用部署在tomcat，想要做一个前后端分离的项目，但是遇到了跨域请求的问题，在网上看到可以利用Nginx配置虚拟服务解决这一问题，但是在网上查了很多相关的配置，由

小鱼儿/ 2022年05月18日 09:40/ 0 赞/ 294 阅读

相关 Nginx 指定域名跨域请求宝塔配置

什么是跨域假设我们页面或者应用已在 http://www.test1.com 上了，而我们打算从 http://www.test2.com 请求提取数据。一般情况下，如果

布满荆棘的人生/ 2022年02月16日 11:10/ 0 赞/ 853 阅读

相关 nginx配置跨域

在nginx的server下面加上 server \{ listen 443 ssl; add\_header 'Access-Co

我不是女神ヾ/ 2021年11月27日 03:42/ 0 赞/ 401 阅读

相关 Nginx配置跨域请求和配置伪静态

同一域名下不需要任何配置，不同域名下请求接口需要配置 server \{ listen 80; server\_name \\\\\\.com;

ゞ浴缸里的玫瑰/ 2021年09月08日 19:12/ 0 赞/ 821 阅读