Nginx配置跨域兼容IOS12 苹果手机请求程序报network error错误
原文更新链接 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;
}
Nginx配置跨域兼容IOS12 苹果手机请求程序报network error错误相关推荐
- Nginx配置跨域请求 Access-Control-Allow-Origin *
Nginx配置跨域请求 Access-Control-Allow-Origin * 当出现403跨域错误的时候 No 'Access-Control-Allow-Origin' header is p ...
- nginx配置跨域、gzip加速、代理详细讲解
1.配置跨域 这个很简单,直接打开配置nginx.conf ,在http下配置下面三行代码:当然如果你是想某一个虚拟主机下跨域,那就在哪个server下面添加 add_header Access-Co ...
- Nginx配置跨域访问
由于浏览器同源策略的存在使得一个源中加载来自其它源中资源的行为受到了限制.即会出现跨域请求禁止. 通俗一点说就是如果存在协议.域名.端口或者子域名不同服务端,或一者为IP地址,一者为域名地址(在跨域问 ...
- nginx配置跨域访问后不生效,仍然显示跨域问题
解决方案 首先,我们先确定跨域源目标没写错,可以先将Allow-Origin改成*测试 server {listen 80;server_name https://www.test.com;locat ...
- nginx配置跨域,代理同源
前端把api的baseurl写成和前端部署域名相同 再nginx将/api转发到真实服务器地址 location /api {proxy_set_header Origin "http:// ...
- SpringBoot配置跨域 修改默认json序列化
SpringBoot配置跨域 修改默认json序列化 修改跨域 addCorsMappings(CorsRegistry registry)方法添加跨域设置的,无法生效,原因是请求经过的先后顺序问题, ...
- nginx php 跨域访问权限,nginx + php 实现跨域请求填坑笔记
最近自己构建了一个轻量级的 MVC 框架,现在将该MVC用于生产环境的项目中,目前因为项目中有跨域的请求,所以需要做一些CORS授权,但在实际使用出现了一些问题,目前已解决,故做下记录. 服务器:ce ...
- Nginx | Nginx之跨域配置(CORS)
Nginx之跨域配置 1. 注意 2. CORS 3. Nginx通过CROS 实现跨域 4. 配置信息 nginx.conf 中 1. 注意 服务端口不能与代理端口一致 端口会冲突 服务本身做了跨域 ...
- 使用nginx解决跨域问题
1.跨域解释 1.1 怎么知道我遇到了跨域问题 如果项目没做前后端分离,是不会有跨域问题的.前后端分离的项目中,前端调用后台服务时,报错 No 'Access-Control-Allow-Origin ...
最新文章
- 关于滴水的VT调试器
- matlab读取h5文件
- 037_Dropdown下拉菜单
- C#CodeSmith代码批量生成模板制作经验分享
- 排序方法的分类 算法
- 用jfreechart在JSP页面显示点状分布图+分割线(转载:http://blog.csdn.net/ami121/article/details/2450945)
- 使用ILmerge合并Exe、Dll文件的帮助类
- php异步处理下载文件,异步处理Excel文件导入【流程图+PHP示例】
- 【2019牛客暑期多校训练营(第二场) - H】Second Large Rectangle(单调栈,全1子矩阵变形)
- linux 库的头文件安装在,“找不到jpeg的头文件或库文件”在Alpine Linux上安装枕头...
- Apache Spark Jobs 性能调优(一)
- mysql 列合并_实战讲解MySQL执行计划,面试官当场“要了我”
- python名称空间_python基础:名称空间与作用域
- DEX VMP与ARM VMP
- 使用TinyPNG的API进行图片压缩
- 中关村 - DIY之如何唯美地阅读电子书
- 人物传记思维导图模板
- windows7无声音,提示未插入扬声器或耳机的解决办法
- CDlinux 安装
- win7升级win10正式版_最新win7如何升级win10操作教程,你还在用win7吗?