Vercel项目部署+CloudFlare自定义域名配置｜解决国内访问卡顿无法访问问题

Thu, 11 Jun 2026 12:34:25 -0800

Vercel项目部署+CloudFlare自定义域名配置｜解决国内访问卡顿无法访问问题

前言

只要有一个自己的域名，我们就可以充分利用两大赛博善人资源搭建自己的新天地！

依托Github Education福利可白嫖name.com一年免费域名，搭配Vercel免费部署、CloudFlare免费CDN，零成本搭建个人站点、AI前端项目。

原生Vercel节点国内直连延迟高、时常打不开站点，官方解析方案适配海外网络，本文整理了一套完整实操方案：一套专属国内加速优化方案（适配ChatGPT-Next-Web/NextChat类AI项目）、一套通用CloudFlare域名接入方案，全程免费、新手可复刻。

详细步骤

第一步：将你的域名添加到 CloudFlare

登录你的 CloudFlare 账户。
点击 Add a site 按钮，输入你的根域名（如 your-domain.com），然后点击 Add site。
选择 Free（免费） 套餐，点击 Continue。
CloudFlare 会自动扫描你域名现有的 DNS 记录，等待扫描完成后点击 Continue。

第二步：修改域名的 Nameservers (NS 记录)

这是最关键的一步，目的是将你域名的解析管理权正式交给 CloudFlare。

CloudFlare 会显示你域名当前的 Nameservers，并提供两个新的 CloudFlare Nameservers，例如：
melissa.ns.cloudclare.com 和 skip.ns.cloudflare.com
登录你购买域名的平台（如 GoDaddy、NameSilo、阿里云/万网），这里以 name.com 为例。
找到你域名的 DNS 管理或 Nameserver 管理设置。
删除原有的 Nameserver 地址，填入 CloudFlare 提供的两个新地址。
保存更改。此更改全球生效可能需要几分钟到数小时。你可以回到 CloudFlare 页面，点击 Done, check nameservers 让 CloudFlare 定期检查。生效后 CloudFlare 会邮件通知你。

第三步：在 CloudFlare 中配置 DNS 记录（并开启代理）

在等待 NS 记录生效的同时，可以先配置好 DNS 记录：

在 CloudFlare 网站左侧菜单选择 DNS。

根据 Vercel 要求，添加一条 A 记录 或 CNAME 记录 指向 Vercel： 推荐：A 记录（用于根域名）

1
2
3
4


Type: A
Name: @ （代表你的根域名 your-domain.com）
IPv4 address: 76.223.126.88
Proxy status: 确保云朵图标是橙色的（Proxied），表示流量会经过 CloudFlare 的 CDN。

点击 Save。

如果你想用 www 子域名（如 www.your-domain.com ）：

Type: CNAME
Name: www
Target: cname.vercel-dns.com
Proxy status: 确保云朵图标是橙色的（Proxied）。

点击 Save。

第四步：配置 SSL/TLS 加密模式（非常重要）

这一步配置错误会导致网站无法访问或出现重定向循环。

在 CloudFlare 网站左侧菜单选择 SSL/TLS。
在 Overview 选项卡中，选择 Full (Strict) 模式。

为什么？
Vercel 会自动为你的自定义域名部署 SSL 证书，实现 HTTPS 加密。Full (Strict) 模式要求从用户浏览器到 CloudFlare，以及从 CloudFlare 到 Vercel 源服务器的全程都使用严格的、受信任的证书进行加密，这是最安全且与 Vercel 兼容性最好的模式。

第五步：在 Vercel 中添加你的自定义域名

回到你的 Vercel 项目控制台。
进入项目的 Settings → Domains。
输入你的自定义域名（如 your-domain.com 或 www.your-domain.com ），点击 Add。
由于你已在 CloudFlare 配置好 DNS，Vercel 应能很快检测到并显示 Valid Configuration，并自动处理 SSL 证书签发。

完成以上所有步骤后，等待几分钟，你的网站应该就可以通过自定义域名在国内顺畅访问了。