CORS なしモードで React Fetch リクエストが「予期しない入力の終了」で失敗するのはなぜですか?

応答の処理: 'No-Cors' モードでの入力の予期しない終了

ReactJS を使用して REST API からデータを取得しようとすると、応答を解析するときに、予期しない入力終了エラーが発生する可能性があります。このエラーは通常、次の行で発生します:

return response.json();

根本原因: 'No-Cors' モード

エラーは 'no-cors' の使用に起因します。フェッチリクエストのモード。このモードが有効な場合、応答は不透明とみなされます。つまり、フロントエンド JavaScript は応答の本文またはヘッダーにアクセスできません。

No-CORS の説明

の目的「no-cors」モードを設定することは、フロントエンド JavaScript コードが Access-Control-Allow-Origin ヘッダーを明示的に設定していない応答にアクセスするのを防ぐことです。この対策は、クロスサイト スクリプティング (XSS) 攻撃から保護することを目的としています。

解決策: 'No-Cors' モードを削除します

エラーを解決するには、リクエストからの「no-cors」設定。これにより、コードが応答本文にアクセスし、JSON 応答を正常に解析できるようになります。

追加の考慮事項

「no-cors」を使用せずにこのエラーが発生した場合' モードの場合は、次の手順を検討してください:

• サーバーが送信するように構成されていることを確認します。応答内の Access-Control-Allow-Origin ヘッダー。
• リクエストが CORS プリフライトをトリガーする場合は、CORS プロキシを使用してプリフライトを処理し、応答を中継することを検討してください。

以上がCORS なしモードで React Fetch リクエストが「予期しない入力の終了」で失敗するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。