React应用部署Cloudflare Pages后自定义域名未更新如何解决？

• 检查DNS解析配置
  确认自定义域名的CNAME记录已正确指向Cloudflare Pages的默认域名（如xxx.pages.dev），且Cloudflare代理处于开启状态（橙色云朵标识）。如果是灰色云朵（仅DNS模式），可能无法正确同步新版本；同时要删除指向旧服务器的A/AAAA记录，避免流量分流。

• 确认自定义域名绑定状态
  进入Cloudflare Pages项目的「自定义域名」页面，查看域名状态是否为「活跃」。若验证未完成，流量无法正确路由到新版本，需按照提示完成域名验证流程。

• 调整Cloudflare缓存规则

  1. 进入Cloudflare控制台的「缓存」-「缓存规则」，检查是否存在针对该域名的自定义缓存规则。如果有强制缓存HTML文件的规则，需修改为对HTML文件设置「缓存级别：标准」或直接设置为「不缓存」——React单页应用的HTML是入口文件，必须实时获取最新版本。
  2. 检查「默认缓存行为」，确保JS、CSS、图片等静态资源的缓存策略合理，但要避免HTML文件被长期缓存。

• 清除浏览器本地缓存
  浏览器可能缓存了旧版本资源，按Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）强制刷新页面，或者直接清除浏览器的缓存文件与Cookie。

• 核查部署历史
  进入Cloudflare Pages项目的「部署」页面，确认新版本部署状态为「成功」，且未被回滚。若部署存在隐性失败，自定义域名会继续指向旧版本。

• 等待DNS传播完成
  如果刚修改过DNS记录，可能需要等待数分钟到数小时，让全球DNS节点完成记录更新，尤其是旧记录的TTL值设置较长的情况。

内容的提问来源于stack exchange，提问作者Philip Mutua