Mengapa saya mendapat ralat CORS apabila bahagian pelayan saya membenarkan asal dengan garis miring di belakang?

Mengapa saya mendapat ralat CORS walaupun saya telah membenarkan asal https://example.com/?

Memahami Asal-usul CORS

Perkongsian Sumber Silang Asal (CORS) ialah mekanisme yang mengehadkan permintaan silang asal daripada tapak web pihak ketiga untuk melindungi data sensitif. Asal diwakili oleh gabungan protokol, domain dan port.

Isu Trailing Slash

Isu utama di sini ialah kehadiran trailing slash dalam asal yang dibenarkan .

Asal usul web tidak mengandungi garis miring mengekor. Oleh itu, asal berikut adalah tidak sah:

<code class="text">https://googledocs-clone-sbayrak.netlify.app/</code>

Asalan yang betul, tanpa garis miring mengekor, ialah:

<code class="text">https://googledocs-clone-sbayrak.netlify.app</code>

Soket.IO CORS Konfigurasi

Dalam Soket .IO, anda menggunakan pakej cors Node.js untuk pengendalian CORS. Pakej ini memerlukan padanan tepat antara asal permintaan dan nilai asal yang dikonfigurasikan dalam tetapan CORS. Dengan garis miring mengekor di asal, perbandingan gagal dan tiada pengepala Access-Control-Allow-Origin ditetapkan dalam respons.

Kod Bahagian Pelayan Anda

Fail server.js anda mempunyai Perisian tengah CORS dikonfigurasikan seperti berikut:

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

Alih keluar garis miring dari nilai asal.

Permintaan Depan

Dalam kod bahagian hadapan anda, sambungan soket dibuat ke alamat berikut:

<code class="javascript">const s = io('https://googledocs-clone-sbayrak.herokuapp.com/');</code>

Menggunakan nilai asal yang betul tanpa garis miring mengekor, ralat CORS seharusnya tidak berlaku lagi.

Atas ialah kandungan terperinci Mengapa saya mendapat ralat CORS apabila bahagian pelayan saya membenarkan asal dengan garis miring di belakang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!