Cloudflare Pages可以免费托管静态网站,而且还可以免费绑定自定义域名,不过这样一来就会出现子域名和自定义域名都可以访问这个静态网站,那么要怎么设置才能将Cloudflare Pages子域名(项目名称.pages.dev)301跳转到自定义域名呢?
根据博客112的亲自测试,只需要简单几步,就可以将Cloudflare Pages子域名跳转到自定义域名,具体操作步骤如下:
1、在Cloudflare Pages绑定自定义域名,并确保自定义域名可以访问托管在Cloudflare Pages上的静态网站。
2、登录Cloudflare后点击左侧导航菜单"保护与连接 -- 交付和性能 -- 批量重定向"→ 点击右上角的"创建列表"→ 输入名称和描述后点击【创建】按钮。

3、点击"或者,手动添加URL重定向",并根据以下要求填写,最后点击【下一步】按钮。
- 源URL:免费的那个子域名,如项目名称.pages.dev
- 目标URL:粘贴完整的自定义域名,带有https://
- 状态:选择301
- 参数:四个都勾选了

4、点击【继续转到重定向规则】按钮(PS:若没有点击这个按钮,事后也可以参考第2步点击"创建规则")

5、输入规则名称,选择第2步创建的列表,然后点击【保存并部署】按钮即可。

此时,在Cloudflare批量重定向页面可以看到我们刚才创建的规则已启用,所创建的列表已经处于活动状态,说明这个子域名301跳转自定义域名已经生效。

这个时候,你就可以在浏览器访问那个免费的子域名,看看是不是立马跳转到你绑定的自定义域名了?