React Native mac环境下解决iOS 9以上系统对HTTP请求的限制

问题

新搭建的一个项目，在使用fetch进行网络请求的时候遇到一个报错：
TypeError: Network request failed.
尝试直接在浏览器打开url访问可以正常拿到返回值。（url是http协议）

原因

这个API请求是http的协议请求，在iOS9以上系统，已经把http协议的请求限制了。
iOS9引入了新特性App Transport Security (ATS)。详情：App Transport Security (ATS)
新特性要求App内访问的网络必须使用HTTPS协议。

解决方案

1. 在xcode中打开react native中的ios项目根目录;
2. 打开项目下的info.plist文件；
   
3. 在App Transport Security Settings下新增Allow Arbitrary Loads，值为YES;
   
4. 重启react native项目，刷新，请求后返回值正常；

我很可爱，请给我钱

• 本文作者：小聪忙
• 本文链接：https://cong1223.github.io/2021/04/10/React-Native-mac%E7%8E%AF%E5%A2%83%E4%B8%8B%E8%A7%A3%E5%86%B3iOS-9%E4%BB%A5%E4%B8%8A%E7%B3%BB%E7%BB%9F%E5%AF%B9HTTP%E8%AF%B7%E6%B1%82%E7%9A%84%E9%99%90%E5%88%B6/
• 版权声明：本博客所有文章除特别声明外，均默认采用 许可协议。