Dasar CORS menghadkan panggilan API Reactjs

Question

Saya cuba menggunakan API Mailchimp dalam aplikasi ReactJS saya, tetapi setiap kali saya memanggil API Mailchimp saya mendapat ralat berikut:

 XMLHttpRequest yang mengakses 'https://us9.api.mailchimp.com/3.0/ping' telah diterima daripada sumber 'http://localhost: 3000' Penyekatan disebabkan oleh dasar CORS: Respons kepada permintaan prapenerbangan gagal semakan kawalan akses: Pengepala 'Access-Control-Allow-Origin' tidak terdapat pada sumber yang diminta. </pra>
<p>Berikut ialah fail api.js saya, yang memanggil API Mailchimp: </p>
<pre class="brush:php;toolbar:false;">mailchimp.setConfig({
    apiKey: "my_api_key",
    pelayan: "us9"
});

const addEmailToMailchimp = async (e-mel) =>
    respons const = tunggu mailchimp.ping.get();
    console.log(respon);
};

Ia mengatakan untuk menambah 'Access-Control-Allow-Origin' pada pengepala permintaan, saya tidak pasti bagaimana untuk melakukannya. Adakah terdapat cara untuk menyelesaikan masalah ini?

Answer 1

Ia mengatakan untuk menambah pengepala Access-Control-Allow-Origin pada respons, bukan permintaan.

Saya tidak tahu cara melakukannya dalam reactjs, tetapi jawapan ini mungkin membantu.

Jawapan ini mencadangkan mencipta perisian tengah kerana anda menggunakan API luaran dan oleh itu tidak mempunyai akses kepada pelayan.