La politique CORS limite les appels d'API Reactjs

Question

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 :

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é>
Ce qui suit est mon fichier api.js, qui appelle l'API Mailchimp : 
mailchimp.setConfig({
    apiKey : "ma_clé_api",
    serveur : "us9"
});

const addEmailToMailchimp = async (e-mail) =>
    const réponse = attendre mailchimp.ping.get();
    console.log(réponse);
};
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 ? 

Answer 1

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.