Kelsey Shi

返回

ReactNative真机调试网络问题解决

#dev#
发布于 2022-04-12

问题

前端 ReactNative 项目,后端本地项目,真机调试时无法访问后端接口,而开启 react-native-debugger 可以访问后端接口。

解决

1 react-native-debugger 开启时 RN 应用部分网络接口不能使用

react-native-debugger 启动时有些接口如上传头像无法实现,关闭后就可以了。

2 未使用 ip 地址替代 localhost

javascript - React native TypeError: Network request failed - Stack Overflow

物理设备不能解析 localhost。

3 防火墙入站规则未设置

因为电脑防火墙原因限制了真机 RN 应用访问后端项目接口。

入站规则设置方式:

打开控制面板 —Windows 防火墙 — 高级设置 — 入站规则 — 新建规则 — 端口 — 输入当前后端项目的端口号

最后编辑于 2024-04-29