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

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

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-31 07:59:30888semak imbas

Why Does My React App Get a CORS Error When Accessing a Subdomain API:

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!

Kenyataan:
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