如何把 localhost 分享给客户预览

准备：先确认本机页面可用

假设你的开发服务运行在 http://localhost:3000，要评审的页面是 /pricing。先在自己的浏览器打开 http://localhost:3000/pricing，确认页面、图片和按钮正常，再开始分享。客户端关闭或服务报错时，分享链接不会替你启动项目。

localhost 和 127.0.0.1 都指向访问者自己的电脑。把这个地址直接发给客户，客户访问的是自己的机器；局域网 IP 通常也不能从另一座城市直接访问。

从本地端口到客户浏览器

1. 启动项目，并记下实际端口。本例使用 3000；如果启动日志显示其他端口，使用日志里的值。
2. 打开 Previa 桌面端并登录，在“端口或地址”输入框填写 3000 或你已验证能访问的本地地址。
3. 点击“开始分享”，复制生成的分享链接。发给客户的是这条链接，而不是原来的 localhost 地址。
4. 请客户在 Chrome 或 Safari 中打开。访客无需安装 Previa，也无需登录。
5. 让客户进入要评审的页面，点击一个按钮或打开一个子页面，确认不只是首页能显示。改完代码后，让客户刷新，再检查结果。

打开失败时，按这个顺序排查

• 本机也打不开：先修复开发服务，检查端口是否变化、进程是否退出。
• 链接曾经可用，现在打不开：检查是否已停止分享、电脑休眠或本次分享已结束；重新开始分享后发送当前链接。
• 微信或 QQ 中打不开：复制链接到系统浏览器打开；预览需要浏览器支持 Service Worker。
• 首页能看，接口或图片失败：检查浏览器网络面板里是否仍请求写死的 localhost 地址。访客的 localhost 不是你的电脑。优先让前端通过同一开发服务的相对路径请求资源，并按项目实际情况配置开发代理。
• 首次打开很慢：先用较轻的页面验证连接，再检查大图和大体积资源。不同网络条件下，首次资源传输时间会不同。

分享前后的检查清单

开始前，用演示账号和测试数据验证流程；不要把密钥、内部管理页面或真实客户数据放进本次演示。保持电脑和开发服务运行，避免评审中休眠。免费版单次最长 30 分钟，长评审需要提前安排。

评审结束后点击“停止分享”，并保留需要处理的反馈。临时分享依赖你的电脑在线，需要全天访问的网站仍应正式部署。

临时链接和正式网址有什么区别

Previa 生成的是用于本次评审的临时入口，不是给搜索引擎或公众长期访问的部署地址。你的电脑、本地服务或分享会话停止后，这条入口也会停止工作；正式网址则应由稳定的托管环境持续提供。

• 适合临时分享：客户现在要看正在修改的页面、需要亲自点击并留下反馈。
• 适合测试环境：多人需要在不同时间验收同一个固定版本。
• 适合正式部署：页面需要长期公开、被搜索引擎收录，或依赖生产域名和回调配置。