自定义域名与 HTTPS

🎯 引言

xxx.vercel.app 虽然能用，但毕竟不好记也不够正式。学完这篇文章，你将学会把自己购买的域名绑定到 Vercel 项目上，并了解 HTTPS 证书为什么完全不用自己操心。

🧱 为什么需要自定义域名

默认域名有两个明显的短板：

• 不专业：vercel-demo-a1b2c3.vercel.app 又长又难记；
• 不属于你：带有平台后缀，不适合正式产品。

一个自己的域名（比如 myblog.com）就像店铺的招牌，好记、正式、有品牌感。域名需要在阿里云、腾讯云、Cloudflare 等域名注册商处购买，一般每年几块到几十块钱。

🛠 第一步：在 Vercel 添加域名

假设你已经买好了域名 myblog.com：

1. 打开项目 → Settings → Domains；
2. 输入 myblog.com，点击 Add；
3. Vercel 会提示域名尚未正确解析，并给出需要配置的 DNS 记录。

建议同时添加 www.myblog.com，Vercel 会自动把其中一个跳转到另一个，用户输哪个都能访问。

🧱 第二步：配置 DNS 解析

接下来到你的域名注册商控制台（DNS 管理页面），按 Vercel 的提示添加记录。两种记录对应不同场景：

配置规则很好记：根域名用 A 记录指向 Vercel 的 IP，子域名用 CNAME 指向 Vercel 的地址。

🔒 自动 HTTPS

DNS 验证通过后，Vercel 会自动为你的域名申请并部署 SSL 证书，你的网站立刻支持 https:// 安全访问，地址栏出现小锁标志。

更省心的是：证书快到期时 Vercel 会自动续期，全程不需要你做任何操作。回想传统部署里手动申请证书、配置 Nginx、定时续期的流程，这一步节省了大量精力。

💡 切换默认域名

一个项目可以同时绑定多个域名。在 Settings → Domains 里可以设置哪个是主域名，其他域名（包括原来的 .vercel.app 地址）都会自动 301 跳转到主域名，保证用户和搜索引擎只看到同一个地址。

🧾 小节总结

• 自定义域名更专业、好记，需要在域名注册商处购买。
• 在 Settings → Domains 添加域名，按提示配置 DNS。
• 根域名配 A 记录（76.76.21.21），子域名配 CNAME（cname.vercel-dns.com）。
• DNS 生效需要时间，最长可能 24 小时。
• Vercel 自动申请、部署并续期 HTTPS 证书，多域名自动 301 跳转到主域名。

❓ 知识问答

Q1：不买域名能学习这一篇吗？

A：可以先把流程看一遍。.vercel.app 默认域名不影响后续课程学习，等真正做正式项目时再回来实践。

Q2：A 记录和 CNAME 记录有什么区别？

A：A 记录直接指向一个 IP 地址；CNAME 指向另一个域名，由那个域名再解析到 IP。Vercel 为根域名提供了固定 IP 所以用 A 记录，子域名用 CNAME 更灵活。

Q3：配置后浏览器提示"证书错误"怎么办？

A：通常是 DNS 刚生效、证书还在签发中，等几分钟刷新即可。如果长时间不行，检查 DNS 记录是否配错，或是否存在其他冲突的解析记录。

Q4：国内注册的域名需要注意什么？

A：Vercel 的服务器在海外，国内访问速度可能不理想；如果网站面向国内用户且使用国内的服务器或 CDN，域名还涉及备案问题。学习阶段不用关心，正式商用时需评估。

🧪 小练习

1. （可选）在任意域名注册商购买一个便宜的域名。
2. 按本篇步骤把它绑定到 vercel-demo 项目，配置好 A 记录，并观察 HTTPS 证书自动生效的过程。

🎉 恭喜你已经学会绑定自定义域名！下一篇我们认识 vercel.json，解决单页应用刷新 404 这个经典大坑。