美文网首页网络
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

    最近有用户反馈在使用微信H5页面的时候,一直提示network error错误,但是本身网络都是正常的,因为网页能...

  • Nginx配置跨域请求

    Nginx配置跨域请求 背景:图片存于服务器,使用Nginx进行转发,前端使用某组件对图片进行裁剪时,请求跨域了,...

  • vue 使用axios请求跨域

    最近遇到一个问题,后台接口已经请求通了,但是前端还是报跨域的问题。最后发现是后台有多个跨域配置。我们是nginx和...

  • nginx配置跨域请求

    转载 Nginx配置跨域请求 Access-Control-Allow-Origin 当出现403跨域错误的时候 ...

  • 前端开发者必备的Nginx知识

    nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 ... nginx是一个...

  • nginx前端常用配置

    前端开发者必备的nginx知识 nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源...

  • 跨域问题的解决

    推荐文章 1.Nginx配置跨域请求 Access-Control-Allow-Origin * 2.跨域资源共享...

  • 前端必备!最全nginx技术分析

    nginx 在应用程序中的作用 解决跨域 请求过滤 配置 gzip 负载均衡 静态资源服务器 nginx 是一个高...

  • 前端必备的 Nginx 知识

    1. nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 nginx是一个高...

  • Nginx 配置项目

    1、 HTTP 请求 2、HTTPS Nginx ssl配置 3、前后端分离(nginx跨域问题) 注意的是,前端...

网友评论

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

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