Mengapa Dasar CORS Saya Menyekat Permintaan daripada \'https://example.com/\' dengan Slash Mengekor?

Akses dari asal 'https://example.com/' telah disekat oleh dasar CORS: Respons kepada permintaan pra-penerbangan tidak lulus semakan kawalan akses: Ia tidak tidak mempunyai status HTTP ok.

TL;DR

Asal web tidak mengandungi laluan. Sehubungan itu, https://googledocs-clone-sbayrak.netlify.app/ adalah bukan asal Web yang sah. Jatuhkan garis miring mengekor itu.

Lagi Butiran tentang Asal Web CORS

Tiada Tanda Potongan Mengekor Dibenarkan dalam Nilai Pengepala Asal;

https://googledocs-clone-sbayrak.netlify.app

tanpa sebarang garis miring.

Perbandingan Bait demi Bait pada Bahagian Pelayan

Anda menggunakan Socket.IO, yang bergantung pada pakej cors Node.js. Pakej itu tidak akan menetapkan sebarang Access-Control-Allow-Origin dalam respons jika asal permintaan tidak betul-betul sepadan dengan nilai asal konfigurasi CORS anda (https://googledocs-clone-sbayrak.netlify.app/).

Menyatukan Semuanya

Jelas sekali,

'https://googledocs-clone-sbayrak.netlify.app' ===
'https://googledocs-clone-sbayrak.netlify.app/'

menilai kepada palsu, yang menyebabkan pakej cors tidak menetapkan sebarang Access-Control-Allow-Origin pengepala dalam respons, yang menyebabkan semakan CORS gagal dalam penyemak imbas anda, maka ralat CORS yang anda perhatikan.

Contoh daripada Fetch Standard

Bahagian 3.2.5 daripada Fetch Standard malah memberikan contoh yang mencerahkan tentang kesilapan ini:

Access-Control-Allow-Origin: https://rabbit.invalid/

dan menerangkan sebab ia menyebabkan semakan CORS gagal:

A asal bersiri tidak mempunyai garis miring.

Atas ialah kandungan terperinci Mengapa Dasar CORS Saya Menyekat Permintaan daripada \'https://example.com/\' dengan Slash Mengekor?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!