Die CORS-Richtlinie beschränkt Reactjs-API-Aufrufe

Question

Ich versuche, die Mailchimp-API in meiner ReactJS-Anwendung zu verwenden, aber jedes Mal, wenn ich die Mailchimp-API aufrufe, erhalte ich die folgende Fehlermeldung:

Der XMLHttpRequest, der auf „https://us9.api.mailchimp.com/3.0/ping“ zugreift, wurde von der Quelle „http://localhost“ empfangen: 3000‘ Blockierung aufgrund der CORS-Richtlinie: Die Antwort auf die Preflight-Anfrage hat eine Zugriffskontrollprüfung nicht bestanden: Der Header „Access-Control-Allow-Origin“ ist auf der angeforderten Ressource nicht vorhanden. 

Das Folgende ist meine api.js-Datei, die die Mailchimp-API aufruft:

mailchimp.setConfig({
    apiKey: "my_api_key",
    Server: "us9"
});

const addEmailToMailchimp = async (email) =>
    const Antwort = Warten auf mailchimp.ping.get();
    console.log(response);
};

Da steht, dass „Access-Control-Allow-Origin“ zu den Headern der Anfrage hinzugefügt werden soll. Ich bin mir nicht sicher, wie das geht. Gibt es eine Möglichkeit, dieses Problem zu lösen?

Answer 1

它说要在响应中添加Access-Control-Allow-Origin头部，而不是请求。

我不知道如何在reactjs中做到这一点，但是这个答案可能会有所帮助。

这个答案建议创建一个中间件，因为您正在使用外部API，因此无法访问服务器。