Nginx配置跨域兼容IOS12 苹果手机请求程序报network error错误
2023-04-18 12:39:29 时间
原文更新链接 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;
}
相关文章
- 11种最佳CSS框架
- Github又放大招了!自动化审查代码神器,省时又省事!
- 漫话:为什么程序员喜欢使用0 ≤ i < 10这种左闭右开的形式写for循环?
- 火爆Github!这份LeetCode刷题模板太实用了吧
- 扩展Kubernetes插件,从这6个方向开始
- 2020毕业生报告发布:IT行业最受欢迎,「求稳」是求职趋势
- 前端开发与架构师
- Go 语言 map 解析之 key 的定位核心流程
- 用 20 行代码写出清晰易用的 Go 中间件 API
- 仅仅1行代码的“拍一拍”,网友们都已经玩上瘾了!
- 高级技术人员必须具备的三大思维模式
- 年中盘点:2020年炙手可热的10家DevOps初创公司
- 替代Matlab的国产软件出现,开发商知乎答疑,称半年实现70%功能
- C语言与物联网之简单通信协议
- 美国商务部:针对华为新规没有漏洞,已向半导体企业发出新规指南
- 全球TOP10超级计算机8台都选英伟达的三大原因
- 消息队列失败经验总结(幂等性概念以及影响)
- 如果每个程序员都必须要纹一段代码在身上,你会纹哪个语句?
- 采用Kubernetes时API网关面临的两个很重要的挑战
- 怎样度过第一份编码工作的艰难时期?