Lovable怎么部署上线？发布、自定义域名与DNS排查教程

更新时间：2026年09月12日

Lovable 部署上线分两件事：先把当前项目发布成线上版本，再把自己拥有的域名指向这个版本。浏览器预览正常，不代表访客已经看到最新内容。本文用虚构的“摄影工作室预约站”说明操作与排查顺序；工具能力和基本使用可先看 Lovable 中文专题。

Lovable 从发布到DNS验证、HTTPS启用与线上验收的流程示意 — 图：Pixso 整理的发布与域名连接流程示意，具体记录值应从当前项目设置复制。

一、发布前确认版本、权限和访问对象

先完成核心路径：打开预约页面、切换日期、提交或取消表单、查看错误提示，并检查手机布局。测试账号与演示内容应有标识，密钥不能放在前端公开代码中。记录这次准备上线的版本和主要改动，便于发现问题时定位。

默认情况下，项目编辑者及更高权限角色可发布，企业工作区可能有额外限制。项目编辑权限与已发布网站访问权限分开管理；项目只对团队可见，不代表线上网址也只对团队开放。Free、Pro 发布网站面向持有链接的访客；需要限制访问时，应先核对当前方案支持的范围。具体见官方发布说明。

二、先发布到 lovable.app，确认网站能独立打开

在编辑器右上角打开 Publish；窄窗口中可能显示为图标。
检查 Website URL。可以调整建议的子域名，但项目显示名称和网址不是同一项设置。
核对网站访问对象及安全扫描结果，先处理严重问题。
点击 Publish，等到部署完成提示，再打开线上链接。

用未登录的浏览器窗口访问线上网址，验证首页、内部页面和主要按钮。若是公开营销页，访客不应依赖你的编辑器会话才能浏览。发布操作与运行费用也应分开理解：通过发布对话框操作本身不消耗积分，网站运行和后端使用仍受用量规则影响，不能理解为长期无限免费托管。

线上采用发布时的项目快照。后续改动即使已经出现在预览中，也要再次打开 Publish 并选择 Publish changes。验收时可在页面找一处本次确实改过的文案，避免仅凭首页能打开就认定更新成功。

三、连接已有域名：先选主机名，再填写记录

连接自定义域名需要付费计划，以及域名 DNS 管理权限。如果公司主站已经使用 example.com，练习项目更适合先用 app.example.com，避免直接替换现有主站。域名保留在原注册商即可，连接网站不等于转移域名所有权。

进入 Project → Settings → Domains，选择连接已有域名，输入完整地址。根域名连接流程当前提供同时连接 www 的选项；保留该选项后，根域名和 www 会分别列在域名列表里，检查每个地址是否还有 Complete setup 待完成。按官方上线指南选择自动配置或手动配置，手动方式需要复制项目提供的 A 与 TXT 记录。

A 记录：决定该主机名指向哪里，名称和值以当前设置窗口为准。
TXT 记录：用于所有权验证；完整复制专属验证内容，不要借用其他项目的值。
已有记录：先备份，再处理同一主机名冲突的 A、AAAA 或 CNAME；保留邮箱所需的 MX 和其他无关记录。

例如配置 app.example.com 时，修改范围应限定在该子域名；不要为了修复它而清空整个 example.com 的解析。不同 DNS 服务商对名称字段的自动补全规则不同，保存后检查最终记录全名，防止误成 app.example.com.example.com。

四、按域名状态处理验证与HTTPS

保存记录后回到 Domains 检查状态。Verifying 表示正在核验 DNS，可核对记录后使用 Check status；Setting up 通常表示已验证、正在设置证书；Live 才表示该地址可以提供网站。根据官方域名文档，DNS 传播可能需要数小时，最长可到 72 小时，因此先检查记录是否正确，再判断是否只是缓存尚未更新。

一直验证失败：检查实际管理 DNS 的服务商、记录全名及 TXT 完整值，确认 A 记录未在验证阶段开启代理或改指向其他 CDN。出现旧网站：检查同一主机名的旧 A、AAAA、CNAME，比较不同网络下的结果。证书设置停滞：根据页面状态使用 Retry，保留错误提示与首次出现时间；长时间未恢复再联系官方支持，避免反复删除重建。

接入第三方 CDN 或反向代理属于额外配置，应按官方当前高级流程单独处理。先让直接连接达到 Live，再引入代理，排查时才容易区分域名验证、证书和代理故障。