ヘッダーの変更

JavaScript

export default {
  async fetch(request) {
    const response = await fetch("https://example.com");

    // レスポンスをクローンして、もはや不変ではなくする
    const newResponse = new Response(response.body, response);

    // 値を持つカスタムヘッダーを追加
    newResponse.headers.append(
      "x-workers-hello",
      "Hello from Cloudflare Workers",
    );

    // ヘッダーを削除
    newResponse.headers.delete("x-header-to-delete");
    newResponse.headers.delete("x-header2-to-delete");

    // 既存のヘッダーの値を調整
    newResponse.headers.set("x-header-to-change", "NewValue");

    return newResponse;
  },
};

TypeScript

export default {
  async fetch(request): Promise<Response> {
    const response = await fetch(request);

    // レスポンスをクローンして、もはや不変ではなくする
    const newResponse = new Response(response.body, response);

    // 値を持つカスタムヘッダーを追加
    newResponse.headers.append(
      "x-workers-hello",
      "Hello from Cloudflare Workers",
    );

    // ヘッダーを削除
    newResponse.headers.delete("x-header-to-delete");
    newResponse.headers.delete("x-header2-to-delete");

    // 既存のヘッダーの値を調整
    newResponse.headers.set("x-header-to-change", "NewValue");

    return newResponse;
  },
} satisfies ExportedHandler;

Python

from js import Response, fetch

async def on_fetch(request):
    response = await fetch("https://example.com")

    # レスポンスをクローンして、もはや不変ではなくする
    new_response = Response.new(response.body, response)

    # 値を持つカスタムヘッダーを追加
    new_response.headers.append(
      "x-workers-hello",
      "Hello from Cloudflare Workers"
    )

    # ヘッダーを削除
    new_response.headers.delete("x-header-to-delete")
    new_response.headers.delete("x-header2-to-delete")

    # 既存のヘッダーの値を調整
    new_response.headers.set("x-header-to-change", "NewValue")

    return new_response

このコードをカスタムドメインにデプロイするには、custom-headers-example テンプレート ↗を使用することもできます。