通过EdgeOne的边缘函数实现防盗链

在之前的文章中提到，可以利用Cloudflare免费WAF实现零成本网站图片防盗链¹，本文将介绍如何在 EdgeOne 中实现同样的功能。

设置边缘函数

1. 选择“访问控制”模板

点击左侧高级能力 -- 边缘函数 -- 函数管理，在给定的模板中选择访问控制。

2. 函数命名

为函数设置一个任意的名称（例如：image-hotlink-protection）。

3. 修改代码

将函数代码修改如下：

async function handleRequest(request) {
  const allowedDomains = env.ALLOWED_DOMAINS;

  if (!allowedDomains || !Array.isArray(allowedDomains) || allowedDomains.length === 0) {
    return new Response('Server Configuration Error: ALLOWED_DOMAINS environment variable is not set correctly.', { status: 500 });
  }

  const referer = request.headers.get('Referer');

  // 放行空 Referer，否则图床自身也无法访问图片
  if (!referer) {
    return fetch(request);
  }

  let refererHost;
  try {
    refererHost = new URL(referer).hostname;
  } catch (err) {
    return new Response('Invalid Referer.', { status: 403 });
  }

  // --- 核心逻辑修改在这里 ---
  let isAllowed = false;
  for (const domain of allowedDomains) {
    // 检查 refererHost 是否等于白名单域名，或者以 ".白名单域名" 结尾（支持子域名）
    if (refererHost === domain || refererHost.endsWith('.' + domain)) {
      isAllowed = true;
      break; // 找到匹配项，无需继续循环
    }
  }
  // --- 修改结束 ---

  if (isAllowed) {
    return fetch(request);
  } else {
    return new Response('Hotlink protection: Access denied.', { status: 403 });
  }
}

// addEventListener 部分保持不变
addEventListener('fetch', event => {
  event.passThroughOnException();
  event.respondWith(handleRequest(event.request));
});

主要修改点：