CORS ポリシーにより Reactjs API 呼び出しが制限される
P粉200138510
P粉200138510 2023-09-01 10:09:53
0
1
386
<p>ReactJS アプリケーションで Mailchimp API を使用しようとしていますが、Mailchimp API を呼び出すたびに次のエラーが発生します。 </p> <pre class="brush:php;toolbar:false;">「https://us9.api.mailchimp.com/3.0/ping」にアクセスする XMLHttpRequest が「http://localhost:」のソースから受信されました。 3000' CORS ポリシーによるブロック: プリフライト要求への応答がアクセス制御チェックに失敗しました: 要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。 </pre> <p>以下は、Mailchimp API を呼び出す私の api.js ファイルです。</p> <pre class="brush:php;toolbar:false;">mailchimp.setConfig({ apiKey: "my_api_key", サーバー: "us9" }); const addEmailToMailchimp = async (電子メール) => { const 応答 = 待機 mailchimp.ping.get(); console.log(応答); };</pre> <p>リクエストのヘッダーに「Access-Control-Allow-Origin」を追加するように書かれていますが、その方法がわかりません。この問題を解決する方法はありますか? </p>
P粉200138510
P粉200138510

全員に返信(1)
P粉301523298

Access-Control-Allow-Origin ヘッダーをリクエストではなくレスポンスに追加するように指示されています。

reactjs でこれを行う方法がわかりませんが、この回答が役立つかもしれません。

この回答では、外部 API を使用しているためサーバーにアクセスできないため、ミドルウェアを作成することをお勧めします。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!