跳到主要内容

vscode端口转发

设置端口转发​

  1. 打开终端：在VS Code中，按下 Ctrl+`` （Mac 上是 Cmd+``）打开终端。

  2. 运行服务：在终端中启动你要访问的服务，例如一个在 localhost:3000 上运行的Web服务。

  3. 配置端口转发：

方式一：

直接在终端旁边的端口那里添加端口转发，填写远端服务端口，会转发到localhost相同的端口

image-20240704174332913

方式二：

  • 按下 F1 或 Ctrl+Shift+P（Mac 上是 Cmd+Shift+P），输入并选择 Remote-SSH: Forward Port...。
  • 输入本地端口号（例如 3000），按回车。
  • 输入远程端口号（例如 3000），按回车。

访问服务​

完成上述步骤后，你就可以在本地浏览器中通过 http://localhost:3000 访问远程机器上的服务了。VS Code会自动处理端口转发，让你能够像访问本地服务一样访问远程服务。

断开连接​

  • 断开SSH连接：当你完成工作后，可以按下 F1 或 Ctrl+Shift+P（Mac 上是 Cmd+Shift+P），然后选择 Remote-SSH: Close Remote Connection 来断开与远程机器的连接。

通过以上步骤，你就能够通过VS Code的端口转发功能，方便地访问和调试远程机器上的服务。如果有任何问题，欢迎随时提问。