react native啟動(dòng)服務(wù)進(jìn)行開發(fā)調(diào)試默認(rèn)端口是8081

react-native start
真機(jī)開發(fā)一般通過兩種方式與服務(wù)進(jìn)行連接:
adb reverse tcp:8081 tcp:8081
*注意:要求android版本5.0以上
搖晃手機(jī) ---> Dev Settings ---> debug server host & port for device
然后輸入你的ip 和端口號(hào)
*在同一局域網(wǎng)下設(shè)置真機(jī)IP地址
但是無論那種方式都返回404異常

image.png
嘗試將 http://localhost:8081/index.delta?platform=android輸入PC的瀏覽器中,出現(xiàn)了一個(gè)很有意思的現(xiàn)象:
localhost:8081可以正常訪問,但是將localhost換成IP就返回404

image.png
最終將react native服務(wù)的訪問端口改為8089(react-native start --port=8089)成功了。

image.png
問題確認(rèn)是8081端口被占用,導(dǎo)致只能通過localhost訪問。更改端口或者將占用的結(jié)束。
參考:
教你輕松修改React Native端口(如何同時(shí)運(yùn)行多個(gè)React Native、8081端口占用問題)