Rumah > hujung hadapan web > tutorial js > Bagaimanakah Pengepala `Access-Control-Allow-Origin` mengawal Perkongsian Sumber Silang Asal (CORS)?

Bagaimanakah Pengepala `Access-Control-Allow-Origin` mengawal Perkongsian Sumber Silang Asal (CORS)?

Susan Sarandon
Lepaskan: 2024-12-30 05:24:09
asal
190 orang telah melayarinya

How Does the `Access-Control-Allow-Origin` Header Control Cross-Origin Resource Sharing (CORS)?

Memahami Pengepala 'Access-Control-Allow-Origin'

Tajuk 'Access-Control-Allow-Origin' memainkan peranan yang penting peranan dalam perkongsian sumber silang asal (CORS) dan membolehkan penyemak imbas menentukan sama ada sumber yang diambil dari asal yang berbeza boleh diakses oleh pelanggan yang meminta.

Pada mulanya, anda mungkin percaya bahawa MyCode.js, yang dimuat turun dari tapak A, boleh membuat rujukan silang asal ke tapak B semata-mata kerana pengepala respons mengandungi 'Access-Control-Allow -Asal: http://siteB.' Walau bagaimanapun, ini tidak betul.

Cara Ia Berfungsi:

Apabila tapak A meminta kandungan daripada tapak B, tapak B bertindak balas dengan 'Access-Control-Allow-Origin ' untuk menunjukkan asal-usul yang dibenarkan untuk mengakses sumbernya. Secara lalai, kandungan tapak B tidak boleh diakses oleh asal-usul lain. Jika tapak B menghantar respons dengan pengepala berikut:

Access-Control-Allow-Origin: http://siteA.com
Salin selepas log masuk
Salin selepas log masuk

ia memberikan kebenaran kepada tapak A untuk mengakses kandungannya.

Pelayar melakukan permintaan OPTIONS "preflight" jika permintaan ialah " tidak mudah" (menggunakan kata kerja HTTP selain GET atau POST, atau pengepala permintaan bukan ringkas). Dalam permintaan OPTIONS ini, penyemak imbas mengesahkan sama ada pelayan akan menerima permintaan sebenar. Hanya jika pelayan bertindak balas dengan pengepala 'Access-Control-Allow-Headers' dan 'Access-Control-Allow-Methods' yang sesuai, penyemak imbas akan menghantar permintaan sebenar.

Mendayakan Akses Silang Asal:

Untuk membolehkan akses dari tapak A ke tapak B menggunakan Pengepala 'Access-Control-Allow-Origin':

  1. Pastikan tapak B menyediakan halamannya dengan pengepala yang betul, menentukan domain tapak A sebagai asal yang dibenarkan:

    Access-Control-Allow-Origin: http://siteA.com
    Salin selepas log masuk
    Salin selepas log masuk
  2. Fahami bahawa permintaan bukan ringkas melibatkan permintaan OPTIONS prapenerbangan tambahan. Pelayan mesti membalas permintaan OPTIONS ini dengan pengepala 'Access-Control-Allow-Headers' dan 'Access-Control-Allow-Methods' yang sesuai untuk membenarkan permintaan sebenar.

Dengan melaksanakan langkah-langkah ini, anda boleh mendayakan kod JavaScript yang dimuat turun dari tapak A dengan berkesan untuk mengakses sumber di tapak B menggunakan 'Access-Control-Allow-Origin' pengepala.

Atas ialah kandungan terperinci Bagaimanakah Pengepala `Access-Control-Allow-Origin` mengawal Perkongsian Sumber Silang Asal (CORS)?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan