Object Storage Service:CDN で高速化された OSS リソースへのクロスオリジンリクエストが失敗するのはなぜですか？

問題の説明

OSS コンソールで CORS ルールを設定した後、CDN のアクセラレーション用ドメイン名を使用して OSS リソースにアクセスすると失敗します。

原因

• Alibaba Cloud CDN のポイントオブプレゼンス (POP) が、CORS を設定する前のレスポンスヘッダーをキャッシュしています。その結果、ブラウザが古いレスポンスヘッダーを受信するため、クロスオリジンリクエストが失敗します。

• CDN のアクセラレーション用ドメイン名を許可されたオリジンとして設定しておらず、また GET、POST、DELETE などの有効なカスタムリクエストヘッダーや HTTP メソッドを指定していません。

解決策

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

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

3. [ドメイン名] ページで、管理するドメイン名を見つけ、[操作] 列の [管理] をクリックします。

4. 左側のナビゲーションペインで [キャッシュ] をクリックします。表示されたページで、[送信レスポンスヘッダーの変更] タブをクリックします。

5. [送信レスポンスヘッダーの変更] タブで、[カスタマイズ] をクリックします。

6. [送信レスポンスヘッダーの変更] ダイアログボックスで、次の表に従って、カスタムレスポンスヘッダーと対応するヘッダー値を設定します。

   説明

   次のパラメーター設定は参考用です。各ヘッダーの値は、ビジネス要件に合わせて変更してください。

   レスポンスヘッダー	ヘッダー値
   Access-Control-Allow-Origin	値をアスタリスク (*) に設定し、クロスオリジン検証を有効にします。
   Access-Control-Allow-Methods	POST,GET,HEAD,PUT,DELETE
   Access-Control-Max-Age	3600

   設定後の結果を次の図に示します。

   

   これらのヘッダーを設定すると、POP 経由で OSS リソースにアクセスした際にレスポンスにこれらのヘッダーが含まれるようになり、CORS が期待どおりに機能します。テスト結果：