CDN:オリジンレスポンスヘッダーの変更

ユースケース

以下は、一般的なユースケースと例です。

• 誤ったコンテンツタイプ：オリジンサーバーから返されるコンテンツタイプ (Content-Type) が実際のコンテンツと一致しない場合、クライアントが正しく解析できない可能性があります。例えば、HTML ファイルが誤ってプレーンテキストとしてマークされる場合があります。この問題は、オリジンレスポンスヘッダーを設定することで解決できます。

  例： Content-Type: text/plain を Content-Type: text/html に変更します。

• キャッシュポリシーのコントロール：CDN キャッシュポリシーをきめ細かくコントロールする必要がある場合、オリジンサーバーのレスポンスヘッダーの Cache-Control または Expires フィールドを調整できます。これにより、コンテンツの更新頻度とキャッシュヒット率を最適化できます。

  例： Cache-Control: max-age=3600 を Cache-Control: max-age=86400 に変更して、キャッシュの有効期限を延長します。CDN のデフォルトキャッシュルールの詳細については、「Alibaba Cloud CDN のデフォルトキャッシュルールと優先順位」をご参照ください。

• クロスオリジンリソース共有 (CORS)：他のドメインの Web アプリケーションから CDN でホストされているリソースにアクセスできるようにするには、オリジンサーバーで Access-Control-Allow-Origin ヘッダーおよびその他の関連する CORS ヘッダーを設定する必要があります。これらの設定により、ブラウザがクロスオリジンリクエストを実行する際に、CDN が適切なレスポンスヘッダーをクライアントに提供し、CORS エラーを防ぐことができます。クロスオリジンアクセスの問題の詳細については、「クロスオリジンリソース共有の設定」をご参照ください。

  例：

  • Access-Control-Allow-Origin: *： すべてのドメインからのクロスオリジンリソースリクエストを許可します。

  • Access-Control-Allow-Methods: GET, POST, OPTIONS： クロスオリジンリクエストで許可する HTTP メソッドを指定します。

• 圧縮転送：オリジンサーバーがコンテンツを圧縮して返したものの、適切な Content-Encoding ヘッダーが設定されていない場合があります。これにより、クライアントはコンテンツを正しく解凍できない可能性があります。オリジンレスポンスヘッダーを設定して、正しいヘッダーを追加または変更することでこの問題を解決できます。

  例：誤ったヘッダー Content-Encoding: gzip を、正しい Content-Encoding: br に変更します。詳細については、「Brotli 圧縮」をご参照ください。

• リダイレクト：オリジンサーバーがユーザーを別の URL にリダイレクトする必要がある場合、オリジンレスポンスヘッダーで正しいリダイレクトヘッダーを設定できます。詳細については、「301/302 リダイレクトフォローの設定」をご参照ください。

  例： Location: https://www.example.com/new-page.html： 301 または 302 リダイレクトを行うため、CDN とユーザーのブラウザに新しいリソースの場所を通知します。

• カスタムオリジン動作： 特定の機能を実装するため、またはトラッキング目的で、レスポンスにカスタムヘッダーを追加する必要がある場合があります。

注記

• 複数の設定は、設定リストの上から順に実行されます。効果は累積します。複数の設定が同じヘッダーを変更する場合、最後の設定が優先されます。次の例では、設定 2 が有効になります：

  • 設定 1：HTTP レスポンスヘッダーの追加：cache-control: max-age=3600

  • 設定 2：HTTP レスポンスヘッダーの追加：cache-control: no-cache

• ルール条件を適用する場合、マッチングは設定の順序ではなく、条件の優先度によって決まります。

操作手順

1. Alibaba Cloud CDN コンソールにログインします。

2. 左側のナビゲーションペインで [ドメイン名 ] をクリックします。

3. [ドメイン名] ページで、管理対象のドメイン名を見つけ、[アクション] 列の [管理] をクリックします。

   

4. ドメイン名の左側のナビゲーションウィンドウで、[Back-to-Origin 設定] をクリックします。

5. 受信レスポンスヘッダーの変更 タブをクリックします。

6. 追加 をクリックします。

7. イングレスのレスポンスヘッダー設定を変更します。

   重要

   複数の操作が同じオリジンレスポンスヘッダーパラメーターに適用される場合、操作は次の優先度に基づいて実行されます：[書き換え] > [追加] > [変更] および [削除]。 たとえば、同じパラメーターに追加操作と削除操作の両方が設定されている場合、追加操作が削除操作の前に実行されます。

   レスポンスヘッダーの追加

   パラメーター	例	説明
   [実行内容]	add	指定されたレスポンスヘッダーをオリジンレスポンスに追加します。
   [応答ヘッダー]	[カスタム back-to-origin レスポンスヘッダー]	カスタム back-to-origin レスポンスヘッダー またはプリセットのレスポンスヘッダーパラメーターを選択します。
   [カスタム応答ヘッダー名]	x-code	カスタムレスポンスヘッダーの名前を指定します。
   [応答ヘッダー値]	key1	1 つ以上のヘッダー値をカンマ (,) で区切って入力します。
   	key1,key2
   [重複の許可]	はい	[はい]：重複するレスポンスヘッダーの追加を許可します。 たとえば、x-code:key1 と x-code:key2 です。 [いいえ]：同じ名前のヘッダーが既に存在する場合、新しい値が既存の値を上書きします。 たとえば、x-code:key1 を追加した後に x-code:key2 を追加すると、最終的なヘッダーは x-code:key2 になります。
   [ルール条件]	使用しない	ルール条件は、ユーザーリクエスト内のさまざまなパラメーター情報を識別します。これにより、そのリクエストに対して設定が有効になるかどうかが決まります。 使用しない：ルール条件を使用しません。 ルール条件を追加または編集するには、ルールエンジンで管理してください。

   レスポンスヘッダーの削除

   パラメーター	例	説明
   [実行内容]	delete	指定された名前のすべてのレスポンスヘッダー (重複を含む) を削除します。
   [応答ヘッダー]	[カスタム back-to-origin レスポンスヘッダー]	カスタム back-to-origin レスポンスヘッダー またはプリセットのレスポンスヘッダーパラメーターを選択します。
   [カスタム応答ヘッダー名]	x-code	削除するカスタムレスポンスヘッダーの名前を指定します。
   [ルール条件]	使用しない	ルール条件は、ユーザーリクエスト内のさまざまなパラメーター情報を識別します。これにより、そのリクエストに対して設定が有効になるかどうかが決まります。 使用しない：ルール条件を使用しません。 ルール条件を追加または編集するには、ルールエンジンで管理してください。

   レスポンスヘッダーの変更

   パラメーター	例	説明
   [実行内容]	modify	ヘッダーを変更します。 同じ名前の重複したヘッダーが存在する場合、この操作は許可されません。
   [応答ヘッダー]	[カスタム back-to-origin レスポンスヘッダー]	カスタム back-to-origin レスポンスヘッダー またはプリセットのレスポンスヘッダーパラメーターを選択します。
   [カスタム応答ヘッダー名]	x-code	変更するカスタムレスポンスヘッダーの名前を指定します。
   [値の変更]	key1,key3	ヘッダーの新しい値を指定します。 複数の値を設定する場合は、カンマ (,) で区切ります。
   [ルール条件]	使用しない	ルール条件は、ユーザーリクエスト内のさまざまなパラメーター情報を識別します。これにより、そのリクエストに対して設定が有効になるかどうかが決まります。 使用しない：ルール条件を使用しません。 ルール条件を追加または編集するには、ルールエンジンで管理してください。

   レスポンスヘッダーの置換

   パラメーター	例	説明
   [実行内容]	replace	ヘッダー値を置換します。 同じ名前の重複したヘッダーが存在する場合、この操作は許可されません。
   [応答ヘッダー]	[カスタム back-to-origin レスポンスヘッダー]	カスタム back-to-origin レスポンスヘッダー またはプリセットのレスポンスヘッダーパラメーターを選択します。
   [カスタム応答ヘッダー名]	x-code	値を置換するカスタムレスポンスヘッダーの名前を指定します。
   [検索]	key	ヘッダー値のうち、置換する部分に一致する正規表現。
   [書き換え後]	abc	一致したテキストを置き換える値。
   [一致]	すべて一致	[すべてマッチ]：正規表現に一致するすべての箇所を置換します。 たとえば、ヘッダーが x-code:key1,key2,key3 で、正規表現を使用して一致した値 key を abc に置換すると、結果は x-code:abc1,abc2,abc3 になります。 [最初のみマッチ]：正規表現に一致する最初の箇所のみを置換します。 たとえば、ヘッダーが x-code:key1,key2,key3 で、正規表現を使用して一致した値 key を abc に置換すると、結果は x-code:abc1,key2,key3 になります。
   [ルール条件]	使用しない	ルール条件は、ユーザーリクエスト内の様々なパラメーター情報を識別します。 これにより、設定がそのリクエストに対して有効になるかどうかが決まります。 使用しない：ルール条件を使用しません。 ルール条件を追加または編集するには、ルールエンジン ページに移動します。

8. OK をクリックします。

デフォルトのレスポンスヘッダー

Alibaba Cloud CDN は、デフォルトで Cache-Control、Content-Type、Expires、Last-Modified の 4 つのレスポンスヘッダーを設定します。これらの重要な HTTP プロトコルヘッダーは、キャッシングを制御し、コンテンツタイプを定義し、有効期限を設定し、リソースの最終変更時刻を記録します。

設定例

よくある質問