Die CORS-Richtlinie beschränkt Reactjs-API-Aufrufe
P粉200138510
2023-09-01 10:09:53
<p>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: </p>
<pre class="brush:php;toolbar:false;">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. </pre>
<p>Das Folgende ist meine api.js-Datei, die die Mailchimp-API aufruft: </p>
<pre class="brush:php;toolbar:false;">mailchimp.setConfig({
apiKey: "my_api_key",
Server: "us9"
});
const addEmailToMailchimp = async (email) =>
const Antwort = Warten auf mailchimp.ping.get();
console.log(response);
};</pre>
<p>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? </p>
它说要在响应中添加
Access-Control-Allow-Origin头部，而不是请求。我不知道如何在reactjs中做到这一点，但是这个答案可能会有所帮助。
这个答案建议创建一个中间件，因为您正在使用外部API，因此无法访问服务器。