Menu

部署到 Vercel

我尝试过许多部署平台，最终还是建议使用 Vercel 部署，至少对于初学者，应该使用 Vercel 部署，这样可以减少大量的时间浪费。

除了 Vercel，我建议尝试 Dokploy 或者 Coolify，但这两个工具是使用 Docker 部署，也就是无法 edge runtime 的特性。

Vercel 部署流程

注册 Vercel 后，找到 New Project 按钮开始部署

New Project

这一步可以先填写环境变量，也可以直接点击 Deploy 按钮开始部署，等部署完成在设置页面填写环境变量

Deploy

部署成功后，进入 settings 页面，打开 Environment Variables 填写环境变量

Environment Variables

更新了环境变量后需要重新部署才会生效

redeploy

再打开 Domains 页面，点击 Add Domain 按钮，先添加不带 www 的域名

Add Domain
Add Domain
Add Domain
Add Domain
Add Domain

到 Cloudflare 配置 DNS，分别添加 A 记录：

A 记录：
your-domain.com -> 76.223.126.88
开启 Proxy
 
CNAME 记录：
www.your-domain.com -> cname-china.vercel-dns.com
开启 Proxy

为什么不用 Vercel 提供的解析地址？因为 Vercel 提供的解析地址在中国无法访问，而上面提供的解析地址，在中国可以访问，没人不想要中国市场吧。

配置 Cloudflare 的 SSL/TLS

在 Cloudflare 的 SSL/TLS 页面，选择 Full (Strict)，并开启 Always Use HTTPS

SSL/TLS

提示：

使用 Vercel 部署，必须选择 Full (Strict)，否则会出现多次重定向，导致无法访问

always use https

现在你可以在生产地址打开你的产品了。