开发时经常遇到这样的情况:功能在本地跑通了,但需要让不在同一个网络的人看到效果。可能是前端同事要调接口,也可能是客户想提前瞅一眼。以前我会想办法部署一台测试服务器,但为了临时演示搭一套环境,维护起来挺头疼的。
后来我改用内网穿透,事情就简单了。原理是把本地服务映射成一个公网可访问的地址,比如把 http://localhost:8080 变成 https://demo-api.xxx.com。对方只需要一个链接,就能像访问线上服务一样用起来。
操作起来其实就几步:
确保本地服务正常启动。比如你跑着:
npm run dev
然后访问 http://localhost:8080 确认没问题。
接着打开内网穿透客户端,填上本地端口(例如 8080),选 HTTP 或 HTTPS 协议,启动映射。我用过的工具配置都很简单,有的还提供免费额度,临时用足够了。



启动成功后,你会得到一个公网地址,类似:
https://demo-api.xxx.com
把这个地址发给前端,他就可以直接联调接口;发给客户,他在浏览器就能看到效果。你在本地照样改代码,两边无感。
我实际用下来,演示和联调场景下速度完全够用,页面加载和接口响应基本不卡。当然,如果是传输大文件或需要极低延迟,内网穿透可能不是最佳选择,但应付日常足够了。偶尔网络会抖一下,重新连一下就好了,比维护一台服务器省心得多。
现在每次遇到临时演示需求,我基本不再考虑搭服务器,开一个穿透链接几分钟搞定。如果你还没试过,可以找工具体验一下,至少能让你从部署的繁琐里脱身。


