在其他设备访问你本地运行的项目(不需要搭载到服务器,有vscode即可)

前言:想把做好的网页给别人看,恰巧他不在公司,连不了我的本地服务,偶然看到vscode有端口转发,不需要搭载到服务器,也不要求在同一局域网下,非常方便。

ps:同样想到刚毕业找工作时想把网页链接贴在简历上,没有找到这么简单的办法,最后搭载到nginx上了,而且服务器只有第一个月免费,所以记录一下给有需要的人。

1.找到端口转发

1.1在vscode底部鼠标右键打开->转发的端口

1.2打开后会出现这样的标志 ->点击它

1.3点击之后会在控制台出现端口

2.运行本地项目

运行你本地的项目 npm run dev 

成功后控制台会返回一个链接给你 本文以 http://localhost:3000 为例

3.添加端口 

点击添加端口输入3000 回车会有这样一个链接,但是现在还是专用的要设置一下

4.设置

鼠标右键设置可见性为公共,再复制link给别人就可以看到了

关于限制:

最后放个vscode关于端口转发的官方介绍

Port forwarding local services with VS Code

  • 9
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值