React Native仅第7次fetch请求出现“Network Request Failure”问题排查求助

这种固定第N次请求失败的情况，十有八九是HTTP连接池耗尽导致的——不管是iOS还是Android，系统默认对同一域名的并发HTTP连接数都有限制（通常是6个），当你并行发起第7个请求时，没有可用的连接资源，就会触发"Network request failure"错误。结合你说的Postman能正常执行、换特定端点依然第7次失败的情况，基本可以排除服务器端的问题，重点排查客户端的连接管理。

下面是具体的排查和解决步骤：

1. 优先检查：是否未消费响应体导致连接泄漏 #

React Native的fetch实现有个容易踩的坑：如果发起请求后没有读取响应体（比如只调用了fetch()但没执行ret.json()/ret.text()），对应的HTTP连接不会被释放回连接池。当你连续发起7个这样的请求，前6个占满了连接池，第7个就会因为拿不到连接而失败。

修复方法： #

确保每个fetch请求都消费响应体，哪怕你不需要返回的数据：

const ret = await fetch(ENDPOINT_URL + path, { method: 'GET', headers });
// 必须执行这一步，否则连接不会被释放
const responseData = await ret.json(); // 或者 await ret.text() 如果你不需要JSON格式

如果确实不需要响应内容，也可以调用ret.body.cancel()来主动释放连接（部分RN版本支持）：

const ret = await fetch(ENDPOINT_URL + path, { method: 'GET', headers });
ret.body.cancel();

2. 验证并发连接限制：改为串行请求测试 #

如果你的请求是并行发起的（比如用Promise.all同时发7个），改成串行执行看看问题是否消失：

// 串行发起请求，而不是并行
const paths = ['path1', 'path2', ..., 'path7'];
for (const path of paths) {
  try {
    const ret = await fetch(ENDPOINT_URL + path, { method: 'GET', headers });
    const data = await ret.json();
    console.log(`请求${path}成功`);
  } catch (e) {
    console.error(`请求${path}失败:`, e);
  }
}

如果串行执行时第7次请求正常，那就坐实了是并发连接数超标的问题。

3. 尝试用第三方HTTP库替代fetch #

原生fetch的连接池管理不够灵活，换成axios这类封装好的库，它会自动处理连接的复用和释放，大概率能解决问题：

import axios from 'axios';

// 替换成axios调用
try {
  const response = await axios.get(ENDPOINT_URL + path, { headers });
  console.log('请求成功:', response.data);
} catch (e) {
  console.error('请求失败:', e);
}

4. 平台特定的调整（可选） #

如果上面的方法都不行，你可以针对iOS/Android的底层网络库调整并发连接数，但需要修改原生代码：

• iOS：修改NSURLSessionConfiguration的httpMaximumConnectionsPerHost属性，把并发数调高（比如10）。
• Android：自定义OkHttpClient，设置dispatcher.maxRequestsPerHost为更高的值。

不过这一步属于进阶操作，优先尝试前面的方法更高效。

5. 日志与抓包排查 #

• 给每个请求添加详细日志，记录发起时间、响应状态、错误信息，确认第7次请求是在哪个环节失败的：

  console.log(`[${new Date().toISOString()}] 发起请求: ${path}`);
  try {
    const ret = await fetch(ENDPOINT_URL + path, { method: 'GET', headers });
    console.log(`[${new Date().toISOString()}] 请求${path}成功，状态码: ${ret.status}`);
    const data = await ret.json();
  } catch (e) {
    console.error(`[${new Date().toISOString()}] 请求${path}失败:`, e.message);
  }
  

• 如果能抓包（比如用Charles），看看第7次请求是否真的发送到了服务器：如果抓不到请求，说明是客户端连接池的问题；如果抓到了但服务器无响应，再考虑服务器端的限制（但你Postman能正常跑，这种概率很低）。

6. 其他可能性排查 #

• 超时设置：fetch默认没有超时，第7个请求可能因为等待连接超时失败，给请求添加超时逻辑：

  const controller = new AbortController();
  const timeout = setTimeout(() => controller.abort(), 5000); // 5秒超时
  try {
    const ret = await fetch(ENDPOINT_URL + path, {
      method: 'GET',
      headers,
      signal: controller.signal
    });
    const data = await ret.json();
  } catch (e) {
    if (e.name === 'AbortError') {
      console.error('请求超时');
    } else {
      console.error('请求失败:', e);
    }
  } finally {
    clearTimeout(timeout);
  }
  

• 全局拦截器：检查是否有自定义的fetch拦截器，在第7次请求时出现逻辑错误。

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