JavaScript - フェッチの GET リクエスト「Access-Control-Allow-Origin」に CORS ヘッダーがありません

Question

サーバーは、フェッチ GET リクエストに応答するときに、応答ヘッダーに「Access-Control-Allow-Origin」パラメータを設定する必要がありますか?

これは Yiban の API であり、私のサーバーではありません

ブラウザ上でリクエストを行う場合は問題ありません

いくつかの情報を確認しましたが、役に立たないことがわかりました。

これは私の取得リクエストのコードです

リーリー

Answer 1

この問題はブラウザの同一生成元ポリシーによって引き起こされ、いくつかの解決策があります:

1. JSONP

2. コル

3. ネットワークプロキシ構成にNginxまたはExpress静的リソースサーバーを使用し、ローカルソースとリモートソースがデータプルの同じソースになるようにシミュレートします

Answer 2

これは、リクエストした API がページと同じドメインにないことを意味します。API が Access-Control-Allow-Origin フィールドを設定しない場合、それはクロスドメイン アクセスをサポートする API インターフェイスではないことを意味します。ページにフェッチ ロジックを記述する場合、リクエスト ヘッダーがどのようにカスタマイズされているかに関係なく、ブラウザによってインターセプトされます (フェッチの前に、ブラウザはプリフライト OPTIONS リクエストを開始し、ヘッダー フィールドに基づいてフェッチが許可されるかどうかを判断します)。この時点で、ブラウザは API がクロスドメインをサポートしていないと判断するため、セキュリティ上の理由からリクエストはインターセプトされます。