Bagaimana untuk Membetulkan 'Permintaan silang asal hanya disokong untuk HTTP' Ralat Semasa Memuatkan Fail Setempat dengan Three.js?

Memuatkan Fail Setempat dengan Three.js: Menyelesaikan Masalah Permintaan Silang Asal

Apabila cuba memuatkan model 3D tempatan ke dalam Three.js menggunakan JSONLoader , anda mungkin menemui "Permintaan silang asal hanya disokong untuk HTTP." ralat. Ralat ini timbul disebabkan oleh perbezaan protokol antara fail setempat anda dan penyemak imbas web.

Punca Ralat

Ralat ini berlaku kerana penyemak imbas mengehadkan permintaan silang asal secara lalai. Mereka menghalang tapak web daripada mengakses sumber dari asal yang berbeza atas sebab keselamatan. Apabila memuatkan fail setempat dari komputer anda, penyemak imbas menganggapnya mempunyai asal yang berbeza daripada tapak web anda, yang biasanya disediakan melalui HTTP.

Membetulkan Ralat

Untuk menyelesaikan ralat ini, anda mempunyai dua pilihan:

1. Pasang Tempatan Pelayan Web:

   • Pasang pelayan web pada komputer setempat anda, seperti XAMPP atau Apache, dan hos model 3D anda pada pelayan.
   • Tukar URL JSONLoader kepada laluan model pada anda pelayan web.

2. Muat naik Model Dari Jauh:

   • Muat naik model 3D anda ke pelayan jauh, seperti GitHub, AWS S3, atau perkhidmatan pengehosan percuma.
   • Kemas kini URL JSONLoader ke alat kawalan jauh URL.

Memahami Asal Usul

Asal ditakrifkan sebagai gabungan skema, hos dan port. Dalam kes ini, skema (HTTP/fail), hos (hos tempatan) dan port (biasanya 80) berbeza. Seperti yang dinyatakan dalam RFC-6454: "...mereka mempunyai skema, hos, dan port yang sama." Oleh itu, walaupun fail berasal daripada hos yang sama, skema yang berbeza menghasilkan asal yang berbeza.

Dengan mengikuti penyelesaian ini, anda boleh berjaya memuatkan model 3D tempatan ke dalam Three.js dan mengelakkan "Permintaan silang asal hanya disokong untuk HTTP." ralat.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan 'Permintaan silang asal hanya disokong untuk HTTP' Ralat Semasa Memuatkan Fail Setempat dengan Three.js?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!