Die CORS-Richtlinie beschränkt Reactjs-API-Aufrufe
P粉200138510
P粉200138510 2023-09-01 10:09:53
0
1
703
<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>
P粉200138510
P粉200138510

Antworte allen(1)
P粉301523298

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

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

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage