更新于 2026 年 9 月 12 日约 13 分钟基于实际体验与编辑审查
如何部署 Vibe Coding 创建的应用：从预览到正式上线
应用在构建器预览中正常运行，不代表已经满足生产要求。正式部署时，域名、密钥、数据库规则和运行环境都会发生变化。
01
第一步：把代码保存到自己的仓库
将项目导出或同步到 GitHub，提交 lockfile，并删除仓库中的 API 密钥。使用全新副本安装项目，确认它不依赖构建器的隐藏文件。
02
第二步：配置部署与环境变量
连接仓库、选择正确框架，并只在部署平台的安全变量中保存密钥。预览与生产值需要分开，浏览器公开变量中不能包含私钥。
03
第三步：保护数据库和登录
谨慎执行迁移，启用按用户或角色控制的访问规则，并使用两个账号测试。把 OAuth 回调、CORS、Webhook 和邮件链接更新为正式域名。
04
第四步：测试完成后再连接域名
使用无痕窗口和真实手机检查注册、登录、密码重置、核心流程、错误输入、直接访问子页面和外部服务。随后配置 HTTPS、canonical、sitemap、监控和回滚方案。
常见问题
为什么预览正常，上线后却报错？
预览与生产可能使用不同的变量、域名、构建命令和数据库权限。
上线前最重要的测试是什么？
登录、权限、核心数据流程、直接 URL、移动端和恢复上一版本。