Cloudflare优选

约 592 字大约 2 分钟

2026-07-21

由于网上真的教程太多了，有 Worker 的也有多个域名的，各自方案全都有，而且详细度参差不齐
干脆自己整理一个好用的，方便以后自己用

前提

警告

优选域名似乎只能使用最多一级的子域名，如果是多级子域名，则需要购买高级证书管理器了。

前提是得找到一个优选域名。
目前可以使用 https://cf.090227.xyz/

因此为了适配 SaaS 的这种情况，需要先做一个部署。
到我们要的域名的 DNS --> 记录。添加一条记录：

类型：CNAME
名称：cdn
目标：*.cf.090227.xyz，比如说 cdn.cf.090227.xyz
代理状态：仅DNS

这样我们可以得到一个 cdn.114514.site 。

R2

首先先到 R2 的存储桶里。

先给存储桶开一个自定义域，举例说设置叫 slow.r2.114514.site
然后到对应的域名（114514.site），侧边栏找到规则，点击里面的 Cloud Connecter 。
在 “选择您的提供商后开始” 中选择 Cloudflare R2 。

然后在 “R2 存储桶” 中选择目标的存储桶，“存储桶自定义域” 选择刚才新建的 slow.r2.114514.site ，点击下一步。
随便命名一个Cloud Connector 名称，然后在下面的 “当传入请求匹配时...” 中：

字段：选择主机名
运算符：选择等于
值：填写实际使用的域名，比如说 r2.114514.site

随后，点击部署。在弹出弹窗中选择 “忽略并继续部署规则”

最后，前往 DNS --> 记录。添加一条记录：

类型：CNAME
名称：r2.114514.site
目标：cdn.114514.site
代理状态：仅DNS

Cloudflare Pages

迁移到 Worker 吧，方便搞优选。
主要也就是，给源码的根目录新建一个 wrangler.jsonc ，里面填：

{
    "name": "114514", // 建议用源码仓库名，方便记
    "compatibility_date": "2026-07-21", // 今天的日期
    "assets": {
        "directory": "./dist", // 这里是构建完毕后的输出目录
        "not_found_handling": "single-page-application" // Vue应用应该会经常遇到刷新404问题，用这个解决
    }
}