La politique CORS limite les appels d'API Reactjs
P粉200138510
P粉200138510 2023-09-01 10:09:53
0
1
672
<p>J'essaie d'utiliser l'API Mailchimp dans mon application ReactJS, mais chaque fois que j'appelle l'API Mailchimp, j'obtiens l'erreur suivante : </p> <pre class="brush:php;toolbar:false;">Le XMLHttpRequest accédant à 'https://us9.api.mailchimp.com/3.0/ping' a été reçu de la source de 'http://localhost : 3000' Blocage dû à la stratégie CORS : la réponse à la demande de contrôle en amont a échoué à une vérification du contrôle d'accès : l'en-tête "Access-Control-Allow-Origin" n'est pas présent sur la ressource demandée. ≪/pré> <p>Ce qui suit est mon fichier api.js, qui appelle l'API Mailchimp : </p> <pre class="brush:php;toolbar:false;">mailchimp.setConfig({ apiKey : "ma_clé_api", serveur : "us9" }); const addEmailToMailchimp = async (e-mail) => const réponse = attendre mailchimp.ping.get(); console.log(réponse); };</pré> <p>Il est dit d'ajouter « Access-Control-Allow-Origin » aux en-têtes de la requête, je ne sais pas comment faire cela. Existe-t-il un moyen de résoudre ce problème ? </p>
P粉200138510
P粉200138510

répondre à tous(1)
P粉301523298

Il dit d'ajouter l'en-tête Access-Control-Allow-Origin à la réponse, pas à la demande.

Je ne sais pas comment faire cela dans Reactjs, mais cette réponse pourrait aider.

Cette réponse suggère de créer un middleware puisque vous utilisez une API externe et n'avez donc pas accès au serveur.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal