Mengapa Saya Mendapat Ralat CORS Semasa Memuatkan Fail HTML Setempat dalam Penyemak Imbas Saya?-tutorial js-php.cn

Mengapa Saya Mendapat Ralat CORS Semasa Memuatkan Fail HTML Setempat dalam Penyemak Imbas Saya?

Mary-Kate Olsen

Lepaskan： 2024-12-13 17:44:12

asal

735 orang telah melayarinya

Why Do I Get a CORS Error When Loading Local HTML Files in My Browser?

Memuatkan Sumber Tempatan dalam HTML: Ralat CORS

Apabila memuatkan fail HTML tempatan, anda mungkin menghadapi ralat "Origin null is not allowed by Access-Control-Allow-Origin." Ini kerana dasar asal yang sama (SOP) yang dilaksanakan dalam kebanyakan penyemak imbas.

SOP mengehadkan akses silang asal untuk melindungi data dan privasi pengguna. Dalam kes ini, sistem fail tempatan dianggap sebagai "asal" yang berasingan daripada penyemak imbas, dan memuatkan fail daripadanya secara langsung adalah dilarang.

Punca Ralat

Dalam kod yang disediakan, anda cuba memuatkan fail "weather.xsl" ke dalam

menggunakan kaedah load() jQuery. Walau bagaimanapun, memandangkan "weather.xsl" ialah fail tempatan, SOP menghalang penyemak imbas daripada mengaksesnya.

Penyelesaian

Malangnya, pemuatan terus sumber tempatan menggunakan AJAX permintaan tidak dibenarkan kerana SOP. Sebaliknya, pertimbangkan penyelesaian berikut:

Pasang pelayan web setempat: Pasang pelayan web seperti Apache atau Nginx dan hos fail HTML pada pelayan setempat. Ini akan memberi anda URL untuk mengakses fail melalui HTTP dan SOP tidak akan digunakan.
Gunakan sambungan Chrome: Terdapat sambungan Chrome seperti "Benarkan CORS: Access-Control- Allow-Origin" yang boleh melumpuhkan SOP untuk fail tempatan buat sementara waktu, membolehkan anda memuatkan output HTML ke dalam
.
Gunakan URI data: Tukar output HTML daripada "weather.xsl" kepada URI data dan benamkannya terus dalam halaman HTML. Ini mengelakkan memuatkan fail daripada asal yang berbeza.

Nota:

Adalah penting untuk diingat bahawa penyelesaian ini mungkin tidak sesuai untuk semua senario dan harus digunakan hanya untuk tujuan ujian. Untuk persekitaran pengeluaran, menggunakan fail ke pelayan web ialah pendekatan yang disyorkan.

Atas ialah kandungan terperinci Mengapa Saya Mendapat Ralat CORS Semasa Memuatkan Fail HTML Setempat dalam Penyemak Imbas Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!