React Native升级后Fetch/XMLHttpRequest请求无响应问题排查

以下是针对请求挂起问题的常见排查方向和解决方法：

1. iOS ATS安全配置检查 #

RN 0.70创建的新项目默认遵循iOS的ATS（App Transport Security）规则，若你请求的是HTTP协议接口，或域名未配置HTTPS证书信任，会导致请求被静默拦截。
在Info.plist中添加对应配置：

<key>NSAppTransportSecurity</key>
<dict>
  <!-- 允许所有HTTP请求（仅测试环境使用，正式环境建议配置特定域名） -->
  <key>NSAllowsArbitraryLoads</key>
  <true/>
  <!-- 或针对特定域名配置信任 -->
  <key>NSExceptionDomains</key>
  <dict>
    <key>your-api-domain.com</key>
    <dict>
      <key>NSIncludesSubdomains</key>
      <true/>
      <key>NSExceptionAllowsInsecureHTTPLoads</key>
      <true/>
    </dict>
  </dict>
</dict>

2. Android 明文请求权限配置 #

Android 9及以上版本默认禁止明文HTTP请求，若你的接口是HTTP协议，需在AndroidManifest.xml的application标签中添加权限：

<application
  ...
  android:usesCleartextTraffic="true">
  ...
</application>

若需更精细控制，可创建res/xml/network_security_config.xml配置信任特定域名，再在AndroidManifest.xml中引用：

<application
  ...
  android:networkSecurityConfig="@xml/network_security_config">
  ...
</application>

3. 移除冲突的Fetch Polyfill #

RN 0.70已内置标准的Fetch API，若你原有项目依赖了whatwg-fetch等polyfill库，可能导致请求逻辑冲突。执行以下命令移除：

npm uninstall whatwg-fetch
# 或 yarn remove whatwg-fetch

同时检查项目代码中是否有手动导入polyfill的语句，一并删除。

4. 排查第三方网络库兼容性 #

若你使用了Axios、SuperAgent等第三方网络库，需确认其版本是否适配RN 0.70。比如Axios需升级到0.27及以上版本，避免因底层适配问题导致请求挂起。执行升级命令：

npm update axios
# 或 yarn upgrade axios

5. 关闭代理工具测试 #

若你在Debug模式下使用了Charles、Fiddler等代理工具，RN 0.70对代理的处理逻辑可能有变更，导致请求无法正常转发。先关闭代理工具，直接运行项目测试请求是否恢复正常。

6. 检查Hermes引擎影响 #

RN 0.70默认启用Hermes引擎，若你的请求逻辑依赖了Hermes不兼容的语法或API，可能导致请求静默失败。可临时关闭Hermes测试：
在android/app/build.gradle中修改：

project.ext.react = [
  enableHermes: false  // 改为false
]

重新编译项目后测试，若恢复正常，再排查代码中不兼容Hermes的部分。

内容的提问来源于stack exchange，提问作者John kendall