Firefox Debugging场景下如何通过智能手机访问桌面PC的localhost服务

localhost与127.0.0.1均为设备本地回环地址，仅指向当前访问设备本身。你在手机端输入这两个地址时，访问的是手机自身的端口，自然无法连接到PC上部署的服务。

根据你当前的连接场景选择对应配置即可：

场景1：PC与手机连接同一WiFi局域网 #

• 首先查询PC的局域网IPv4地址：
  • Windows系统：打开cmd执行ipconfig，找到当前连接WiFi对应的网卡IPv4地址，格式一般为192.168.x.x
  • macOS/Linux系统：执行ifconfig或ip addr，找到当前联网网卡的IPv4地址
• 修改服务监听配置：确保你部署的服务不是仅绑定127.0.0.1，需要改为监听0.0.0.0（允许所有IP访问），不同框架的配置方式不同，比如Vite启动时添加参数 vite --host 0.0.0.0，Nginx修改配置文件中listen字段的绑定地址为0.0.0.0
• 放开PC防火墙限制：临时关闭PC防火墙，或者在防火墙规则中放行你服务对应的端口
• 手机端直接访问 http://[PC局域网IP]:[服务端口] 即可，比如PC局域网IP为192.168.3.12，服务跑在3000端口，访问地址为http://192.168.3.12:3000

场景2：通过USB调试通路连接（无需同一WiFi） #

你提到已经建立连接通路，这种情况直接配置正向端口转发即可，不需要反向端口转发：

• 先确认手机已开启开发者模式、USB调试权限，且PC已获得手机的调试授权
• 执行adb端口转发命令：adb forward tcp:[手机端端口] tcp:[PC端服务端口]，比如PC服务跑在3000端口，想手机端用3000端口访问，执行命令adb forward tcp:3000 tcp:3000
• 配置完成后手机端直接访问http://localhost:3000即可连接到PC上的服务

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