ReactNative真机调试网络问题解决

Apr 12, 2022

问题

前端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防火墙—高级设置—入站规则—新建规则—端口—输入当前后端项目的端口号

>

cd ..
CC BY-NC-SA 4.0 2024-PRESENT © Kelsey Shi