ファイルの拡張子に基づいてコンテンツタイプを設定する
最終更新日 2018-08-16
バックエンドが返すコンテンツタイプを上書きする必要がある場合があります。そのためには新しいヘッダーオブジェクトと、関連する条件を作成する必要があります。
- Fastly コントロールパネルにログインします。
- Home ページから、適切なサービスを選択します。検索ボックスで ID、名称、ドメインでの検索が行えます。
- Edit configuration ボタンをクリックし、アクティブなバージョンをクローンするオプションを選択します。ドメインページが表示されます。
- Content をクリックします。Content ページが表示されます。
- Create header ボタンをクリックします。Create a header ページが表示されます。
- 以下の要領では、Create a header ページの各フィールドに入力します。
- Name フィールドには適切な名前を入力します (例:
Add Content Type
)。 - Type メニューから Cache を選択し、Action メニューから Set を選択します。
- Destination フィールドに
http.Content-Type
と入力します。 - Source フィールドには
"application/javascript; charset=utf-8"
のようにマッチさせたいコンテンツタイプを入力します。 - Ignore if set メニューから No を選択します。
- Priority フィールドに
10
を入力します。
- Name フィールドには適切な名前を入力します (例:
- Create ボタンをクリックします。
ヘッダーオブジェクトを作成したら、条件を適用します。そうしないと、その特定のオブジェクトがすべてのリクエストに適用されます。
新しいヘッダー名の右側にある Attach a condition をクリックします。新しいキャッシュ条件の作成 ウィンドウが表示されます。
以下の要領で、 Create a new cache condition ウィンドウの各フィールドに入力します。
- Name フィールドには
Files ending with .js
のような分かりやすい名前を入力します。 - Apply if フィールドには
req.url.ext == "js"
(.js で終わるファイルのリクエストをマッチする) のように、リクエストにマッチする条件を入力します。
- Name フィールドには
Save and apply to ボタンをクリックすると、新しい条件が作成されます。
- Activate ボタンをクリックして設定変更をデプロイします。
ヒント
また、バックエンドのレスポンスからヘッダーを削除するガイドもぜひ参考にしてください。