Mengapa Saya Mendapat \'Permintaan Preflight Gagal dengan Ralat: Kod Status HTTP Tidak Sah 404\' dalam Aplikasi AngularJS Saya?

Permintaan Preflight Gagal dengan Ralat: Kod Status HTTP Tidak Sah 404

Dalam aplikasi AngularJS, percubaan untuk melaksanakan permintaan POST kadangkala boleh mengakibatkan mesej ralat berikut: "Respons untuk preflight mempunyai kod status HTTP 404 yang tidak sah." Ralat ini berlaku disebabkan isu dengan dasar Perkongsian Sumber Silang Asal (CORS).

Dasar CORS, yang dilaksanakan oleh kebanyakan penyemak imbas moden, memastikan aplikasi web boleh membuat permintaan kepada domain lain dengan selamat. Sebelum membuat permintaan sebenar, penyemak imbas menghantar permintaan prapenerbangan (OPTIONS) kepada pelayan untuk menyemak sama ada pelayan membenarkan permintaan daripada domain asal.

Untuk menyelesaikan isu ini, pastikan pelayan bertindak balas kepada prapenerbangan. permintaan dengan tajuk yang sesuai. Khususnya, pelayan harus menetapkan pengepala berikut:

• Access-Control-Allow-Headers
• Content-Type
• Access-Control-Allow-Methods
• Access-Control-Allow-Origin

Sebagai contoh, dalam SlimPHP, anda boleh menetapkan pengepala ini menggunakan kaedah respons().headers():

<code class="php">$app-&gt;response()-&gt;headers-&gt;set('Access-Control-Allow-Headers', 'Content-Type');
$app-&gt;response()-&gt;headers-&gt;set('Content-Type', 'application/json');
$app-&gt;response()-&gt;headers-&gt;set('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
$app-&gt;response()-&gt;headers-&gt;set('Access-Control-Allow-Origin', '*');</code>

Selain itu, anda mungkin perlu melumpuhkan pengendalian pra-penerbangan automatik dengan mengubah suai konfigurasi AngularJS:

<code class="js">app.config(function ($httpProvider) {
  $httpProvider.defaults.headers.common = {};
  $httpProvider.defaults.headers.post = {};
  $httpProvider.defaults.headers.put = {};
  $httpProvider.defaults.headers.patch = {};
});</code>

Dengan mengkonfigurasi pelayan untuk mengendalikan permintaan pra-penerbangan dan melumpuhkan pengendalian pra-penerbangan automatik dalam AngularJS, anda boleh berjaya membuat permintaan POST daripada anda Pelanggan AngularJS ke pelayan anda.

Atas ialah kandungan terperinci Mengapa Saya Mendapat \'Permintaan Preflight Gagal dengan Ralat: Kod Status HTTP Tidak Sah 404\' dalam Aplikasi AngularJS Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!