Windows 10下React Native Debugger不记录Android模拟器网络请求问题

1. 开启Expo网络请求调试代理 #

Expo开发模式下默认不会将网络请求转发到React Native Debugger的调试后端，需要手动覆盖全局网络请求构造器实现捕获。
在项目入口文件（如App.js/index.js的最顶部）添加如下开发环境专属代码：

if (__DEV__) {
  global.XMLHttpRequest = global.originalXMLHttpRequest || global.XMLHttpRequest;
  global.FormData = global.originalFormData || global.FormData;
  global.Blob = global.originalBlob || global.Blob;
  global.FileReader = global.originalFileReader || global.FileReader;
}

上述代码仅在开发环境生效，无需手动删除，打包上线时__DEV__变量会自动置为false。

2. 配置Android模拟器代理 #

Windows环境下安卓模拟器的本地回路指向模拟器自身，需手动配置代理指向宿主机的React Native Debugger服务：

• 打开模拟器 → 设置 → 网络和互联网 → 长按AndroidWifi → 选择修改网络
• 展开高级选项 → 代理设置为「手动」
• 代理主机名填写Windows宿主机的局域网IP：可在CMD执行ipconfig命令，查看WLAN/以太网对应的IPv4地址（格式一般为192.168.x.x），禁止填写localhost/127.0.0.1
• 代理端口填写React Native Debugger的监听端口，默认为8081，自定义过端口则填对应值
• 保存设置后重启模拟器

3. 校验RN Debugger网络面板配置 #

清空Network面板顶部的搜索框内容，过滤规则选择「All」，避免误过滤了业务请求。

4. 适配高版本Expo/安卓系统限制 #

如果使用Expo SDK 40+、安卓系统版本9+，请求HTTP接口时需额外开启明文流量权限，在项目根目录app.json中添加配置：

{
  "expo": {
    "android": {
      "usesCleartextTraffic": true
    }
  }
}

配置完成后执行expo start --clear清除缓存重启项目即可。

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