React-native iOS无法连接开发服务器 改IP后仍报错且Fast Refresh失效

解决方案 #

第一步：修复手机无法访问电脑8081端口的问题 #

你遇到的其他同网设备可访问、唯独手机无法访问的问题，核心原因几乎都是路由器开启了AP隔离：

• 进入路由器管理后台，找到「AP隔离」「无线客户端隔离」「局域网设备隔离」类选项，确认开关处于关闭状态。该功能开启后会禁止同一WiFi下的无线设备互相通信，是这类问题的最高发诱因。
• 若关闭隔离后仍无法访问，打开Mac的「系统设置」→「防火墙」→「选项」，确认终端应用（Terminal/iTerm2）、node进程的入站连接权限为「允许」，可临时关闭防火墙验证。

第二步：修复项目配置残留旧IP的问题 #

修改AppDelegate.m后仍读取旧IP、手动设置IP后Fast Refresh失效，是因为项目内还有其他硬编码的旧IP配置未同步更新：

• 检查ios/[你的项目名]/Info.plist中的NSAppTransportSecurity配置，将NSExceptionDomains下所有旧IP192.168.1.4替换为新IP192.168.1.3，也可临时将NSAllowsArbitraryLoads设为true验证。
• 打开Xcode进入项目的Build Settings页面，搜索RCT_METRO_HOST，将参数值修改为192.168.1.3，同时确认RCT_METRO_PORT值为8081，这两个参数是Xcode构建时读取的默认Metro服务器地址，优先级高于AppDelegate.m中的配置。

第三步：避免后续IP变更重复踩坑 #

进入路由器DHCP设置页面，给你的开发电脑绑定静态IP，后续重启路由器IP也不会变化，不需要每次修改项目配置。

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