讲师中心 微信公众号
AI工具推荐 视频效率加速

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

夜丽酱_3315

夜丽酱_3315

发布时间:2026-03-24 16:48:11

|

725人浏览过

|

来源于php中文网

原创

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 就是唯一结果。

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

相关专题

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

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

2746

2023.08.11

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

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

5379

2023.11.06

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

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

3847

2026.03.24

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

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

580

2023.10.17

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

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

876

2023.10.18

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

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

1906

2025.08.19

curl_exec
curl_exec

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

3663

2023.06.14

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

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

835

2023.10.30

剧云故事大纲与分场规划教程
剧云故事大纲与分场规划教程

本专题讲解剧云梗概与多级大纲功能,覆盖全局、分集、分场结构生成,以及主线冲突、剧情节点和场次顺序调整。

0

2026.10.22

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn