带代理且连CISCO Anyconnect VPN的笔记本无法在安卓模拟器运行React Native应用

问题根因 #

你贴的项目构建日志完全正常，该问题是Cisco AnyConnect VPN修改了本地网络路由规则，搭配全局代理后导致安卓模拟器/真机无法正常访问你本地运行的Metro开发服务器（默认端口8081），属于本地网络连通性问题。

解决方案 #

方法1：adb端口反向映射（优先推荐，无需修改网络配置） #

该方案直接绕开VPN和代理的路由规则，把安卓设备的8081端口流量直接转发到宿主机本地的8081端口：

• 确保模拟器已启动/真机已通过USB连接到开发电脑
• 执行命令：adb reverse tcp:8081 tcp:8081
• 命令执行完成后直接Reload应用即可，无需重启Metro服务

方法2：手动配置调试服务器地址 #

如果反向映射不生效，可直接在应用内指定Metro服务的访问地址：

• 在报错的RN应用页面，模拟器按Ctrl+M（Windows）/Cmd+M（Mac），真机摇一摇调出开发者菜单
• 选择Settings -> Debug server host & port for device
• 输入你电脑VPN虚拟网卡的IPv4地址加8081端口，格式为[VPN网卡IP]:8081，例如10.21.45.67:8081，设置完成后返回Reload应用即可
• 查看VPN网卡IP的方式：Windows系统在cmd执行ipconfig，Mac系统在终端执行ifconfig，找到Cisco AnyConnect对应的网卡条目即可看到IP

方法3：修改全局代理排除规则 #

如果你不想每次都执行上述操作，可以在全局代理的设置里把以下地址加入代理旁路列表，不让这些地址的流量走VPN和全局代理：

• 127.0.0.1
• localhost
• 10.0.2.2（安卓模拟器默认访问宿主机的固定地址）
• 你的本地局域网网段，例如192.168.0.0/16

注意事项 #

• 每次重启模拟器、重新拔插真机、断开重连VPN后如果再次出现该问题，重新执行一次adb反向映射命令即可，你也可以把该命令加到RN项目的启动脚本里，减少重复操作。
• 如果使用真机无线调试，优先使用方法2配置调试服务器地址。

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