Mengapakah saya mendapat ralat CORS apabila cuba menyambung ke \'https://googledocs-clone-sbayrak.herokuapp.com/\' daripada \'https://googledocs-clone-sbayrak.netlify.app/\'?

Benarkan permintaan silang asal daripada 'https://googledocs-clone-sbayrak.netlify.app/'

CORS ralat berlaku disebabkan konfigurasi yang tidak sepadan antara tetapan klien dan pelayan. Dalam senario ini, aplikasi klien di 'https://googledocs-clone-sbayrak.netlify.app/' cuba menyambung ke titik akhir pelayan di 'https://googledocs-clone-sbayrak.herokuapp.com/', tetapi pelayan dikonfigurasikan untuk hanya menerima permintaan daripada 'https://googledocs-clone-sbayrak.netlify.app/'. Ini membawa kepada ralat CORS, kerana pengepala asal permintaan tidak sepadan dengan nilai yang dibenarkan.

Menyelesaikan Ralat CORS

Kunci untuk menyelesaikan ralat ini terletak dalam memastikan asal yang dibenarkan pada pelayan sepadan dengan asal permintaan. Konfigurasi yang salah yang menyebabkan ralat menggunakan 'https://googledocs-clone-sbayrak.netlify.app/' sebagai asal yang dibenarkan. Walau bagaimanapun, asalan web tidak mengandungi laluan, jadi garis miring mengekor menyebabkan perlawanan gagal.

Untuk membetulkannya, asal yang dibenarkan hendaklah dikemas kini kepada 'https://googledocs-clone-sbayrak.netlify. app' tanpa garis miring di belakang. Berikut ialah konfigurasi cors yang diperbetulkan:

<code class="typescript">const io = socketio(server, {
  cors: {
    origin: 'https://googledocs-clone-sbayrak.netlify.app',
    methods: ['GET', 'POST'],
  },
});</code>

Dengan mengalih keluar garis miring mengekor daripada nilai asal yang dibenarkan, ia kini akan sepadan dengan betul dengan pengepala asal permintaan, membenarkan permintaan silang asal berjaya dan pelanggan berkomunikasi dengan pelayan.

Atas ialah kandungan terperinci Mengapakah saya mendapat ralat CORS apabila cuba menyambung ke \'https://googledocs-clone-sbayrak.herokuapp.com/\' daripada \'https://googledocs-clone-sbayrak.netlify.app/\'?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!