クロスオリジンリクエストで不透明なレスポンスを使用する場合の制限と考慮事項は何ですか?

不透明な応答を使用する場合の制限と考慮事項

Fetch API によって導入された不透明な応答は、CORS が発生した場合のクロスオリジン リクエストの結果を表します。無効になっています。これらはある程度の分離を提供しますが、注意すべき制限と潜在的な問題がいくつかあります。

ヘッダーと本文へのアクセスの制限

不透明な応答の主な制限は、応答のヘッダーまたは本文にアクセスできない。ヘッダーや本文関連のメソッド (json()、text()) などのプロパティは使用できません。これは、リモート オリジンのプライバシーを保護するために不可欠です。

リソースの使用法と制限

制限にもかかわらず、不透明な応答は、次の場合に Web ページ上のリソースとして利用できます。ブラウザでは、非 CORS クロスオリジン リソースが許可されます。これらのリソースには、<script>、<link rel="stylesheet">、メディア要素 (<img alt="クロスオリジンリクエストで不透明なレスポンスを使用する場合の制限と考慮事項は何ですか?" >、<video>、<audio>)、<object>、<embed>、および <が含まれます。 ;iframe>。ただし、不透明な応答はフォント リソースには無効です。</script>

キャッシュ ストレージ API との対話

キャッシュ ストレージ API で不透明な応答を使用する場合、潜在的な落とし穴が発生します。実際のリクエストのステータスに関係なく、不透明な応答のステータス プロパティは 0 です。 add() メソッドと addAll() メソッドは 2XX 以外のステータス コードを持つ応答を拒否するため、不透明な応答はキャッシュに追加されません。これを回避するには、不透明な応答を使用して fetch() に続いて put() を明示的に実行します。

navigator.storage API と Opaque Responses

セキュリティ上の理由から、ブラウザーはパッドを使用します。クロスドメインの情報漏洩を防ぐための不透明な応答。このパディングにより、不透明な応答の報告されるストレージ サイズが大幅に増加します。 Google Chrome では、不透明な応答ごとに、少なくとも約 7 メガバイトのストレージ使用量が発生します。慎重に管理しないと、クォータ超過の例外が発生する可能性があります。

使用上の考慮事項

不透明な応答を使用する場合は、次の点に留意してください:

• 不透明な応答は分離を提供しますが、ヘッダーと本文へのアクセスを制限します。
• これらは、非 CORS クロスオリジン リソースを許可する Web ページ上のリソースとして使用できます。
• 特別な処理は次のとおりです。キャッシュ追加の失敗を避けるために、キャッシュ ストレージ API で使用するために必要です。
• navigator.storage API の不透明な応答に対するストレージ サイズの誇張されたレポートに注意してください。

以上がクロスオリジンリクエストで不透明なレスポンスを使用する場合の制限と考慮事項は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。