React Native之如何解决iOS 9以上系统对HTTP请求的限制

最新推荐文章于 2025-11-11 16:13:46 发布
原创 最新推荐文章于 2025-11-11 16:13:46 发布 · 2.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决在iOS应用中因App Transport Security(ATS)限制导致的TypeError: Network request failed错误的方法。通过设置Xcode项目的App Transport Security Settings允许任意加载，可以解决因使用HTTP而非HTTPS协议引发的问题。

最近新搭建的一个项目，遇到一个报错，在使用fetch请求API的时候，报错：

TypeError: Network request failed.

原因：由于这个API请求是http的协议请求，在iOS9以上系统，已经把http协议的请求限制了。

iOS9引入了新特性App Transport Security (ATS)。详情：App Transport Security (ATS)

新特性要求App内访问的网络必须使用HTTPS协议。

若仍使用HTTP协议，可以参照以下方式解决：

解决方案：在Xcode中，项目->General->Info->App Transport Security Settings->Allow Arbitrary Loads->YES


React-native和ios native相互调用及传参
chali1314的博客
08-26 524
ios native和react-native相互调用及传参
ReactNative安卓HTTP请求
吴佩佩佩佩的博客
03-13 1198
在安卓9以上正式包HTTP请求不通，可以配置一下允许它请求。 当然，还是建议优先开通HTTPS，实在不行就用下面的方法： 在android\app\src\main\res下创建xml文件夹。 在xml文件夹下创建network_security_config.xml文件，写上： <?xml version="1.0" encoding="utf-8"?> <network-security-config> <base-config cleartextTraffic
react-native解决ios无法请求http问题
qq_53761321的博客
06-09 680
解决ios无法请求http问题
React-Native 在iOS9之后，网络请求默认为Https请求，如需支持Http，修改info.plist文件添加键值对设置允许http访问。
qq_33720411的博客
10-19 2437
打开xcode 在项目中搜索info.list   注意：不是test下面那个  方法1：在Info.list 加个Allow Arbitrary Loads -> Yes 方法2：直接打开Info.plist，插入以下代码 key>NSAppTransportSecuritykey> dict> 　　key>NSAllowsArbitraryLoadskey> 　　true/> di
跨端框架对决：React Native vs Flutter深度对比
最新发布
警警的博客
11-11 1562
React Native 和 Flutter 都是主流的跨平台开发框架，但在架构设计和工作原理上有显著差异。React Native 采用桥接架构（新架构引入JSI优化性能），使用JavaScript语言和原生组件渲染，适合Web背景开发者。Flutter 使用自绘引擎（Skia）和Dart语言，通过Widget实现UI一致性，在性能表现上更接近原生。React Native社区生态更成熟，Flutter在多平台一致性上表现更优。选择框架时应考虑团队技术栈、性能需求和跨平台一致性要求。React Nativ
iOS开发允许http请求演示项目React Native源码
02-20
iOS开发允许http请求演示项目React Native源码 https://blog.youkuaiyun.com/lxyoucan/article/details/123003561 B站视频： https://www.bilibili.com/video/BV1qP4y1F7Ht/
react-native ios上的http网络请求问题
weixin_30384217的博客
06-29 2618
1. 在xcode中修改 `info.plist` <key>NSAppTransportSecurity</key> <dict> <-- 添加 Domain 忽略指定 url https 的请求 --> <key>NSExceptionDomains</key> &...
react native
01-26
react native环境配置的步骤以及一些必备的插件，里面包含的插件都是网上不好找的，比较好找的比如python（去官网下载即可）为了节省空间删除了，带来的不便请原谅
React Native项目：iOS开发演示允许HTTP请求源码
从以上知识点可以看出，这个项目主要是为了演示在React Native开发的iOS应用中如何允许http请求，这对于iOS开发者来说是一个很有用的技能，因为有时候我们需要在应用中请求网络数据，而iOS默认是不允许http请求的，...
精选资源
react-native-network-logger：React Native的HTTP网络请求监视器，具有适用于iOS和Android的应用内界面，无本地代码
02-05
react-native-network-logger 适用于React Native的HTTP流量监视器，包括在应用程序界面中。 Wormholy的替代产品，但同时适用于iOS和Android，并且本机依赖项为零。 产品特点 在iOS和Android上记录网络请求 查看在...
iOS 和 Android 上 React Native 的统一权限 API
06-08
:index_pointing_up_medium-light_skin_tone: react-native-permissions 在 iOS、Android 和 Windows 上用于 React Native 的统一权限 API。 （对于 Windows，仅支持 18362 及更高版本）支持版本 react-native 版本 ...
React Native
landehuxi的专栏
09-09 515
React Native的核心实现： 先简单说几点，详细的等回头更新。 1. React Native里面没有webview，这货不是Hybrid app，里面执行JS是用的 JavascriptCore。 2. 再说React Native的核心，iOS Native code提供了十来个最基本核心的类（RCTDeviceEventEmitter、RCTRenderingPerf
【react】react Native
m0_64455070的博客
02-26 1470
本文详细介绍了react Native的相关内容，涵盖环境的搭建、核心概念、开发流程和实战实例等等
reactnative不允许http解决方法
goutinga的博客
05-27 913
解决方法 文中方法3改变的文件是 src——>main——>res下的
React Native解决iOS 9以上系统对HTTP请求的限制
随风而逝
08-31 1494
Allow Arbitrary Loads           YES 再重新编译即可
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值