无法从本地Mac访问远程Linux上源码构建的VS Code Web版

问题根源 #

VS Code Web源码构建后的开发服务默认仅绑定127.0.0.1（localhost），仅允许本机回环访问。而python3 -m http.server默认绑定0.0.0.0，允许所有网络接口访问，所以iptables映射能生效。

解决步骤 #

1. 修改VS Code Web服务的监听地址 #

启动VS Code Web服务时，指定监听所有网络接口（0.0.0.0）：

• 若使用yarn watch-web启动，添加--host参数：

  yarn watch-web --host 0.0.0.0 --port 8080
  

• 若使用其他构建脚本，找到启动命令中绑定地址的配置项，将localhost或127.0.0.1替换为0.0.0.0。

2. 验证服务监听状态 #

执行以下命令确认服务已绑定全局接口：

netstat -tulpn | grep 8080

输出需显示0.0.0.0:8080，而非仅127.0.0.1:8080。

3. 调整iptables映射规则 #

确保端口转发规则适配全局监听的服务：

• 简化版规则（直接将5980端口流量转发到8080）：

  iptables -t nat -A PREROUTING -p tcp --dport 5980 -j REDIRECT --to-ports 8080
  

• 若需保留原DNAT规则，确保目标地址指向服务绑定的全局接口而非127.0.0.1。

4. 检查防火墙入站规则 #

确认远程Ubuntu机器的防火墙（如ufw）允许5980或8080端口的入站流量：

ufw allow 5980/tcp
ufw allow 8080/tcp

5. 本地验证 #

在Mac上访问http://<远程Ubuntu机器IP>:5980，确认VS Code Web界面正常加载。

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