如何将Cloudflare Pages CNAME接入应用端点并自定义自动生成的CNAME？

1. 如何通过CNAME将自定义域名指向Cloudflare Pages站点 #

按以下步骤配置，确保自定义域名正确解析：

• 登录Cloudflare控制台，进入你的Pages项目，点击「自定义域名」选项卡，点击「添加自定义域名」，输入目标域名（如blog.yourdomain.com或根域名yourdomain.com）。
• 若域名已托管在Cloudflare，系统会自动完成基础验证；若未托管，需先在域名注册商后台将DNS服务器切换为Cloudflare提供的服务器。
• 进入域名的Cloudflare DNS管理页面，添加CNAME记录：
  • 「名称」：子域名填前缀（如blog），根域名填@（Cloudflare支持CNAME flattening处理根域名解析）。
  • 「目标」：填写Pages项目默认的.pages.dev域名（如your-project-name.pages.dev）。
  • 「TTL」：选择「自动」即可。
• 返回Pages项目的「自定义域名」页面，等待DNS验证完成（通常5-30分钟），验证通过后Cloudflare会自动颁发SSL证书，HTTPS访问自动生效。

最佳实践：

• 优先将域名托管在Cloudflare，利用CNAME flattening解决根域名无法直接设置CNAME的问题，同时获得更快的解析速度与安全防护。
• 验证解析是否生效可使用命令行工具：dig your-custom-domain.com CNAME，查看返回结果是否匹配你的.pages.dev域名。

2. 能否自定义Cloudflare Pages自动生成的.pages.dev后缀CNAME #

默认生成的项目名称.pages.dev域名无法直接编辑或修改后缀，但可通过以下方式实现类似需求：

• 方案一：用完全自定义域名替代。在Pages项目中添加自有自定义域名（如your-custom-domain.com），配置完成后用户可直接通过该域名访问，默认.pages.dev域名可保留用于测试，或设置重定向到自定义域名。
• 方案二：重新创建项目生成新域名。默认.pages.dev域名由项目名称决定，若需要不同前缀的.pages.dev域名，需重新创建Pages项目并指定新名称，新项目的CNAME会自动变为新项目名称.pages.dev。

最佳实践：

• 正式对外的站点建议使用自有自定义域名，避免依赖.pages.dev域名（防止项目名称变更导致访问失效）。
• 测试环境可通过不同项目名称区分，如test-your-app.pages.dev、prod-your-app.pages.dev，便于管理不同版本的测试站点。

内容的提问来源于stack exchange，提问作者SUDHARSHAN D