使用Cloudflare自定义域名
您可以将 Cloudflare 与 Framer 一起使用来启用反向代理 —— 非常适合流量管理、自定义路由和基础设施策略合规等高级用例。
反向代理在您的网站和访问者之间放置一个服务（如 Cloudflare）。这种设置可以：
与内部基础设施集成（例如防火墙或路由规则）
符合高级日志记录或法规要求
控制 CDN、缓存或地理流量管理
仅建议有特定基础设施或策略需求的用户使用反向代理，因为 Framer 已经原生处理了许多这些功能。
注意：反向代理仅在 Scale 和 Enterprise 计划中可用。
首先，打开您的 Framer 项目并导航至网站设置→域名。为您的网站添加一个免费的 Framer 子域名，例如example.framer.website。
"Framer 域名设置界面显示 ' 自定义域名 ' 部分。界面显示两个选项：' 获取免费 Framer 子域名 '（已选中）和 ' 连接您拥有的域名 '。在免费子域名部分，有一个文本字段输入了 'example'，下拉菜单显示 '.framer.website'，带有确认的勾选按钮。下面是未选中的连接已购买域名的选项，字段显示'www.site.com' 作为示例。"
接下来，滚动到 "域名" 部分的底部设置规范 URL。在 "高级" 输入框中，输入您的自定义域名（例如example.com）并发布您的网站。
登录 Cloudflare 并添加您的自定义域名 —— 例如example.com。
接下来，转到您的 DNS 设置，并将根域名（@）或子域名（如app.example.com）指向虚拟 A 记录，例如192.0.2.1。
在 Cloudflare 仪表板中，导航至 "Workers & Pages" 并选择 "创建" 以设置新的 Worker。然后，为您的 Worker 分配一个路由 —— 类似于example.com/*—— 以便它可以处理所有传入流量。
在您的 Worker 中使用以下代码将请求转发到您的 Framer 子域名。将示例 URL 替换为您实际的 Framer 域名：
addEventListener('fetch', event => { event.respondWith(handleRequest(event.request)); }); async function handleRequest(request) { const url = new URL(request.url); return fetch('https://my-company.framer.website' + url.pathname + url.search, { method: request.method, headers: request.headers, body: request.body, }); }
确保您的 Worker 已分配到正确的域路线。
等待几分钟让更改生效。
使用开发工具或 HTTP 头检查器确认流量通过 Cloudflare 路由。