姚利锋
姚利锋
首页博客片段项目服务关于
☕
❤️
目录
  • 无目录
返回片段

发布于  2024 年 12 月 8 日,星期日

Vercel应用绑定到CloudFlare域名指南

如何将Vercel应用绑定到CloudFlare域名的详细步骤,包括在CloudFlare中配置DNS记录、设置CNAME或A记录指向Vercel,以及在Vercel后台配置自定义域名的过程。重点讲解了域名解析的配置细节,确保域名能够正确指向Vercel应用,同时避免常见的配置错误。此外,还可能涉及SSL证书的自动配置、域名验证的注意事项,以及如何处理域名绑定后可能出现的访问问题。通过这一指南,用户可以顺利完成Vercel与CloudFlare的域名绑定,确保应用的稳定性和安全性。

Vercel 应用绑定 CloudFlare 域名指南

  • 如何通过 CloudFlare 反向代理的方式绑定域名,为 Vercel 项目享受 CDN 加速。

操作步骤

  1. 进入账户主页
  2. 选择要操作的域名
    alt text
  3. 左侧点击 DNS -> 记录
    alt text
  4. 点击 添加记录
    1. 添加两条 CNAME 记录,分别将根域名和 www 子域名指向 cname.vercel-dns.com 1. 根域名:你注册的域名,比如我这里的:indietools.work 2. www 子域名:名称直接填写 www 即可
      • 操作详情:https://indiehackertools.net/blog/integrate-vercel-project-with-cloudflare-domainhttps://indiehackertools.net/blog/integrate-vercel-project-with-cloudflare-domain
        alt text
    2. 再回到 Vercel 中,进入到对应的项目,选择 Domain,输入根域名后点击添加
      alt text
      1. 我一般先添加一条 A 记录,选择后,你会看到一个记录:
        alt text
        alt text
      2. 此时回到 Cloudflare 中,选择类型 A,名称输入@, IPV4 输入:76.76.21.21(注意,这里的 IPV4 地址,要与刚才 Vercel 上的 A 记录 IP 地址保持一样),然后点击 保存记录
      3. 回到 Vercel 中,点击 Refresh 即可配置成功
  5. 配置 SSL 加密规则
    alt text
    alt text

其他

  • Vercel 应用绑定 CloudFlare 域名指南https://indiehackertools.net/blog/integrate-vercel-project-with-cloudflare-domain
  • Vercel 应用绑定自己的域名https://blog.csdn.net/weixin_45987569/article/details/137107704
# Node.js# Express# Next.js
返回片段