Cloudflare Worker反向代理网站教程

什么是反向代理？#

反向代理就是代替你访问目标网站，然后把结果返回给你。比如你想访问 example.com，但你不想直接访问，而是通过 Cloudflare Worker 去访问，然后 Workers 再把内容返回给你。

使用场景：

绕过地域限制
隐藏真实服务器地址
访问被墙的网站
自定义域名访问目标网站

前置准备#

Cloudflare 账号 - 免费注册 https://cloudflare.com
wrangler CLI 工具 npm install -g wrangler
登录 wrangler wrangler login

示例项目（这里是代理了一个AI公益中转站）#

代码仓库：https://github.com/evepupil/any-proxy

体验代理站地址：any.chaosyn.com

注意：配置自定义域名才可以直连（否则不能直连）

完整代码示例#

创建一个文件 worker.js：

1
/**
2
 * Cloudflare Worker 反向代理
3
 * 功能：代理 anyrouter.top 网站
4
 */
5

6
// 目标网站地址
7
const TARGET_HOST = 'anyrouter.top';
8
const TARGET_URL = `https://${TARGET_HOST}`;
9

10
addEventListener('fetch', event => {
11
  event.respondWith(handleRequest(event.request));
12
});
13

14
/**
15
 * 处理请求的核心函数
16
 */
17
async function handleRequest(request) {
18
  try {
19
    // 1. 解析请求的 URL
20
    const url = new URL(request.url);
21

22
    // 2. 构建目标 URL（保持原始路径和查询参数）
23
    const targetUrl = `${TARGET_URL}${url.pathname}${url.search}`;
24

25
    // 3. 复制并修改请求头
26
    const headers = new Headers(request.headers);
27
    headers.set('Host', TARGET_HOST);
28

29
    // 4. 构建请求选项
30
    const requestOptions = {
31
      method: request.method,
32
      headers: headers,
33
      // 重要：不自动跟随重定向，避免重定向循环
34
      redirect: 'manual',
35
    };
36

37
    // 5. 发起代理请求
38
    const response = await fetch(targetUrl, requestOptions);
39

40
    // 6. 处理重定向
41
    if ([301, 302, 303, 307, 308].includes(response.status)) {
42
      const location = response.headers.get('Location');
43
      if (location && !location.startsWith(TARGET_HOST)) {
44
        // 转发外部重定向
45
        const responseHeaders = new Headers(response.headers);
46
        responseHeaders.set('Access-Control-Allow-Origin', '*');
47
        return new Response(response.body, {
48
          status: response.status,
49
          statusText: response.statusText,
50
          headers: responseHeaders
51
        });
52
      } else {
53
        // 阻止自我重定向（避免循环）
54
        return new Response('网站不允许代理访问', {
55
          status: 200,
56
          headers: { 'Content-Type': 'text/plain; charset=utf-8' }
57
        });
58
      }
59
    }
60

61
    // 7. 处理响应
62
    const responseHeaders = new Headers(response.headers);
63
    responseHeaders.set('Access-Control-Allow-Origin', '*');
64
    responseHeaders.set('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
65

66
    // 8. 删除冲突的安全头
67
    responseHeaders.delete('Content-Security-Policy');
68
    responseHeaders.delete('X-Frame-Options');
69

70
    // 9. 返回响应
71
    return new Response(response.body, {
72
      status: response.status,
73
      statusText: response.statusText,
74
      headers: responseHeaders
75
    });
76

77
  } catch (error) {
78
    return new Response(`代理失败: ${error.message}`, {
79
      status: 500,
80
      headers: { 'Content-Type': 'text/plain; charset=utf-8' }
81
    });
82
  }
83
}

部署步骤#

方法一：使用 CLI（推荐）#

1. 初始化项目

1
wrangler init any-proxy
2
cd any-proxy

2. 创建配置文件 wrangler.toml

1
name = "any-proxy"
2
main = "worker.js"
3
compatibility_date = "2024-01-01"
4
workers_dev = true

3. 部署

1
wrangler deploy

4. 获取访问地址 部署成功后会有类似输出：

1
Deployed any-proxy triggers (0.66 sec)
2
  https://any-proxy.your-subdomain.workers.dev

这就是你的代理地址！

方法二：使用 Dashboard#

登录 Cloudflare Dashboard
进入 “Workers & Pages”
点击 “Create application” → “Create Worker”
粘贴代码
点击 “Save and Deploy”

绑定自定义域名#

1. 在 Cloudflare 中添加域名

如果 your-domain.com 在 Cloudflare 管理：

1
# 添加路由到 wrangler.toml
2
routes = [
3
  { pattern = "your-domain.com/*", zone_name = "your-domain.com" }
4
]

2. 重新部署

1
wrangler deploy

3. DNS 设置

Cloudflare 会自动处理 DNS 记录，无需手动添加。

常见问题#

❌ 500 错误 - “Too many redirects”#

原因： 网站检测到代理，返回重定向，导致无限循环。

解决： 设置 redirect: 'manual'，手动处理重定向（见上方代码第 22 行）。

❌ 静态资源 404#

原因： 网站内部链接使用绝对 URL，直接指向原域名。

解决： 添加 URL 重写功能，将响应内容中的原域名替换为代理域名。

❌ CORS 错误#

解决： 在响应头中添加：

1
Access-Control-Allow-Origin: *
2
Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS

进阶功能#

1. URL 重写（让所有资源都通过代理）#

1
// 在响应处理时添加
2
const contentType = response.headers.get('content-type') || '';
3

4
if (contentType.includes('text/html') ||
5
    contentType.includes('text/javascript') ||
6
    contentType.includes('text/css')) {
7

8
  const text = await response.text();
9
  // 将 anyrouter.top 替换为当前代理域名
10
  const rewrittenText = text.replace(/https:\/\/anyrouter\.top/g, proxyUrl);
11

12
  return new Response(rewrittenText, {
13
    status: response.status,
14
    headers: responseHeaders
15
  });
16
}

2. 添加缓存#

1
// 缓存静态资源 1 小时
2
const cacheKey = new Request(url, request);
3
const cache = caches.default;
4

5
let response = await cache.match(cacheKey);
6
if (!response) {
7
  response = await fetch(targetUrl);
8
  // 缓存响应
9
  await cache.put(cacheKey, response.clone());
10
}

完整项目结构#

1
my-proxy/
2
├── worker.js          # 主程序
3
├── wrangler.toml      # 配置文件
4
└── package.json       # 依赖（可选）

总结#

核心原理：拦截请求 → 转发到目标 → 修改响应 → 返回给用户
关键点：
- 修改请求头（Host、Origin）
- 禁止自动重定向
- 添加 CORS 支持
- 处理 URL 重写
部署方式：CLI 命令或 Dashboard 界面

就这么简单！现在你可以在任何地方通过你的 Cloudflare Worker 访问目标网站了。

v2-683a9bd50c510a5be0bd0a22d71d0daf~resize:1440.png