VSCode远程连接服务器后如何映射远端端口到本地(Port Forwarding)进行本地预览

夜丽酱_3315

夜丽酱_3315

2026-03-24

725人浏览

原创

vscode remote-ssh 端口转发需点击状态栏 remote: ssh →「forward a port…」输入远端端口(如3000),自动映射本地空闲端口;仅当前窗口有效,依赖远端服务监听127.0.0.1或0.0.0.0;持久化需配置~/.ssh/config的localforward。

vscode远程连接服务器后如何映射远端端口到本地(port forwarding)进行本地预览

VSCode Remote-SSH 连接后怎么加端口转发

直接在 VSCode 窗口右下角点击状态栏的 Remote: SSH 按钮,选「Forward a Port…」,输远端端口号(比如 3000),回车就自动映射到本地一个空闲端口(通常是同号),之后访问 http://localhost:3000 就是远端服务。

这个操作本质是让 VSCode 调用 SSH 的 -L 参数启动端口转发,不需要手动敲命令或改配置。但要注意:它只对当前窗口生效,关掉窗口或断开连接后转发就停了。

  • 转发只在当前 VSCode 窗口生命周期内有效,不是全局后台服务
  • 如果远端服务绑定了 127.0.0.1(常见于 create-react-app 或 next dev 默认行为),转发能通;但如果它只监听 localhost 且启用了 IPv6-only 或做了 host 检查,可能连不上
  • 本地端口被占用时,VSCode 会自动找下一个可用端口,但不会提醒你——得自己去状态栏看实际映射的是哪个

远端服务起不来或连不上 localhost:x 怎么排查

最常见原因是远端服务没监听 127.0.0.1,而是监听了 0.0.0.0 或某个具体 IP,或者压根没起来。VSCode 的端口转发只能把流量从本地 127.0.0.1 转过去,不处理远端 bind 地址问题。

先确认服务真在跑:ps aux | grep 3000 或 lsof -i :3000;再看监听地址:ss -tuln | grep :3000,输出里如果第二列是 127.0.0.1:3000 或 *:3000 都行,但如果是 ::1:3000(IPv6 loopback)且本地没开 IPv6 支持,也可能失败。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载
  • npm run dev 类命令默认可能只监听 localhost,加 --host 127.0.0.1 或 --host 0.0.0.0 显式指定(注意后者有安全风险)
  • 某些框架(如 Vite)开发服务器默认不允许外部访问,需配 server.host: true 或 server.host: '127.0.0.1'
  • 防火墙一般不影响,因为转发走的是 SSH 隧道,不经过远端 iptables

想持久化转发或同时转多个端口怎么办

VSCode 自带的转发只是临时方案。如果要开机自启、多端口、或跨窗口共享,就得绕过 UI,直接配 SSH config 或用命令行。

编辑 ~/.ssh/config,在对应 Host 块里加一行:LocalForward 3000 127.0.0.1:3000,再加一条 LocalForward 8080 127.0.0.1:8080 就能一次转多个。下次用 ssh your-host 连,转发就自动生效。

  • VSCode Remote-SSH 会读取 ~/.ssh/config,所以改完不用重启 VSCode,新窗口就能用
  • 如果远端服务监听的是 0.0.0.0:3000,LocalForward 第二段必须写成 127.0.0.1:3000,不能写 0.0.0.0:3000(SSH 不允许)
  • Windows 用户注意:OpenSSH for Windows 的 LocalForward 在较老版本(

为什么有时候明明转发了却提示 Connection Refused

不是 VSCode 或 SSH 的问题,大概率是远端服务根本没响应那个端口。Connection Refused 表示 TCP 握手阶段就被拒绝了,说明远端 127.0.0.1:x 上压根没进程在 listen。

别急着怀疑转发设置,先在远端跑:curl -v http://127.0.0.1:3000。如果这一步都失败,问题 100% 出在服务本身;如果成功,再查本地浏览器是否被代理/HTTPS 重定向干扰(比如访问 http://localhost:3000 被强制跳 https)。

  • Chrome 有时会缓存 HSTS 策略,导致即使换端口也强制走 HTTPS,清掉 chrome://net-internals/#hsts 里的记录
  • VSCode 内置终端里执行的命令和图形界面启动的服务不在同一 session,比如用 GUI 启的 code . ,再在内置终端跑 npm start,服务可能受 shell 环境变量影响(如 NODE_OPTIONS)而异常退出
  • 转发端口和远端服务端口不一致时(比如远端是 4000,你转了 3000),错误信息一模一样,容易误判——务必核对两个端口号是否匹配
远端服务监听地址、本地转发目标、浏览器请求目标,这三者的 IP 和端口必须形成闭环,漏掉任一环,Connection Refused 就是唯一结果。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

vscode

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2746

5

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.06

5379

7

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

2026.03.24

3847

22

session失效的原因
session失效的原因

session失效的原因有会话超时、会话数量限制、会话完整性检查、服务器重启、浏览器或设备问题等等。详细介绍:1、会话超时:服务器为Session设置了一个默认的超时时间,当用户在一段时间内没有与服务器交互时,Session将自动失效;2、会话数量限制:服务器为每个用户的Session数量设置了一个限制,当用户创建的Session数量超过这个限制时,最新的会覆盖最早的等等。

2023.10.17

580

4

session失效解决方法
session失效解决方法

session失效通常是由于 session 的生存时间过期或者服务器关闭导致的。其解决办法:1、延长session的生存时间;2、使用持久化存储;3、使用cookie;4、异步更新session;5、使用会话管理中间件。

2023.10.18

876

5

cookie与session的区别
cookie与session的区别

本专题整合了cookie与session的区别和使用方法等相关内容,阅读专题下面的文章了解更详细的内容。

2025.08.19

1906

14

curl_exec
curl_exec

curl_exec函数是PHP cURL函数列表中的一种,它的功能是执行一个cURL会话。给大家总结了一下php curl_exec函数的一些用法实例,这个函数应该在初始化一个cURL会话并且全部的选项都被设置后被调用。他的返回值成功时返回TRUE, 或者在失败时返回FALSE。

2023.06.14

3663

6

linux常见下载安装工具
linux常见下载安装工具

linux常见下载安装工具有APT、YUM、DNF、Snapcraft、Flatpak、AppImage、Wget、Curl等。想了解更多linux常见下载安装工具相关内容,可以阅读本专题下面的文章。

2023.10.30

835

4

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.26

3259

3

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程