localhost:5173有救了,发给别人也能访问

292 阅读1分钟

VS Code 自带了 Ports(端口)转发的功能, 通过转发端口,生成一个公网地址,把公网地址发给别人就能访问你本地允许的服务了

步骤:

  1. 快捷键Ctrl + ` 打开面板,切换至 端口选项,点击转发端口; image.png

  2. 输入localhost:后面的端口号,如:5173, 回车保存, 这时可以看到生成了一条记录; image.png

  3. 然后找记录里面的可见性 那一列, 默认是专用, 切换为 公用;

  • 专用:只有登录同一个微软 / GitHub 账号才能访问(安全)
  • 公开:任何人拿到链接就能访问,谨慎使用 image.png
  1. 右键转发地址,可选在浏览器打开 或者复制复制本地地址, 然后发给别人就能正常访问了; image.png

我尝试了CodeBuddy 和 Trae, 都无法使用,只有VS Code的可以转发。