Mengapa Apl Reaksi Saya Mendapat Ralat CORS Semasa Mengakses API Subdomain: \"gagal mengakses subdomain daripada domain utama: Tiada \'Access-Control-Allow-Origin\'\"?

Memahami Ralat CORS: 'gagal mengakses subdomain daripada domain utama: Tiada 'Access-Control-Allow-Origin''

Cross-Origin Resource Sharing (CORS) ialah mekanisme yang membolehkan domain yang berbeza berinteraksi antara satu sama lain. Apabila pelayan API berjalan pada subdomain dan apl React beroperasi pada domain utama, ralat CORS boleh berlaku, seperti ralat "gagal mengakses subdomain daripada domain utama: Tiada 'Access-Control-Allow-Origin'".

Menyiasat Isu

Periksa permintaan prapenerbangan dalam Chrome DevTools untuk menyemak jawapan yang dicache dan permintaan prapenerbangan. Laksanakan permintaan pra-penerbangan menggunakan alat seperti curl, mengingati untuk menambah pilihan -i untuk mengeluarkan pengepala respons.

Analisis Kes

• Kes 1: Ini pendekatan menggunakan konfigurasi CORS lalai, yang membolehkan asal kad bebas. Walau bagaimanapun, ujian mendedahkan bahawa ia berfungsi dengan betul.
• Kes 2: Menyesuaikan asal usul, kaedah dan pengepala yang dibenarkan juga terbukti berjaya.
• Kes 3: Mengendalikan pengepala CORS secara manual ialah satu lagi penyelesaian yang berdaya maju.

Menyelesaikan Isu

Salah konfigurasi dalam Kumpulan Sasaran Pengimbang Beban AWS (Berdasarkan Penyelesaian OP)

Punca isu khusus ini ialah salah konfigurasi dalam Kumpulan Sasaran Pengimbang Beban AWS. Protokol kumpulan sasaran telah ditetapkan kepada HTTPS walaupun sijil SSL yang sesuai tidak diberikan. Membetulkan protokol telah menyelesaikan masalah.

Petua Penyahpepijatan

• Lumpuhkan cache dalam Chrome DevTools untuk mengelakkan respons pra-penerbangan yang dicache.
• Hantar terus permintaan pra-penerbangan ke perkhidmatan anda untuk menghapuskan kemungkinan gangguan proksi.
• Cetak penimbal permintaan (cth., menggunakan httputil.DumpRequest) untuk tujuan nyahpepijat.

Atas ialah kandungan terperinci Mengapa Apl Reaksi Saya Mendapat Ralat CORS Semasa Mengakses API Subdomain: \"gagal mengakses subdomain daripada domain utama: Tiada \'Access-Control-Allow-Origin\'\"?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!