Cara membetulkan: err_response_headers_multiple_access_control_allow_origin Ralat di Google Chrome

Cara membetulkan: err_response_headers_multiple_access_control_allow_origin Ralat di Google Chrome

Untuk membetulkan kesilapan "err_response_headers_multiple_access_control_allow_origin" di Google Chrome, anda perlu menangani isu pengepala asal-accontrol-alow-origin yang dihantar dalam respons pelayan. Berikut adalah langkah yang boleh anda ambil:

1. Kenal pasti sumber tajuk : Gunakan alat pemaju penyemak imbas untuk memeriksa tajuk tindak balas. Buka Chrome, navigasi ke halaman yang bermasalah, dan tekan F12 untuk membuka alat pemaju. Pergi ke tab Network , muat semula halaman, dan klik pada permintaan yang berkaitan untuk melihat tajuk respons. Cari pelbagai pengepala Access-Control-Allow-Origin .

2. Ubah suai Konfigurasi Pelayan : Bergantung pada pelayan anda, anda perlu memastikan bahawa hanya satu pengepala Access-Control-Allow-Origin yang dihantar dalam respons. Jika anda menggunakan proksi terbalik atau CDN, periksa konfigurasi mereka juga.

   • Apache : Ubah suai fail konfigurasi .htaccess atau pelayan untuk memasukkan arahan Header set yang betul.

      <code class="apache"><ifmodule mod_headers.c> Header set Access-Control-Allow-Origin "https://example.com" </ifmodule></code>

   • Nginx : Laraskan blok pelayan dalam konfigurasi Nginx anda.

      <code class="nginx">add_header 'Access-Control-Allow-Origin' 'https://example.com' always;</code>

3. Penggunaan Wildcard : Jika anda perlu membenarkan pelbagai asal, pertimbangkan untuk menggunakan kad liar, tetapi sedar akan implikasi keselamatan. Contohnya:

    <code class="apache">Header set Access-Control-Allow-Origin "*"</code>

   Atau di nginx:

    <code class="nginx">add_header 'Access-Control-Allow-Origin' '*' always;</code>

4. Pengendalian Asal Dinamik : Jika asal perlu ditetapkan secara dinamik, anda mungkin memerlukan logik sisi pelayan untuk menggema tajuk Origin dalam respons jika ia sepadan dengan senarai putih yang dibenarkan.
5. Kosongkan Cache Pelayar : Selepas membuat perubahan, kosongkan cache penyemak imbas anda dan uji laman web sekali lagi.

Apakah punca -punca biasa err_response_headers_multiple_access_control_allow_origin Ralat di Google Chrome?

Kesalahan "err_response_headers_multiple_access_control_allow_origin" biasanya berlaku kerana alasan berikut:

1. Pelbagai tajuk : Sebab yang paling biasa ialah pelayan yang menghantar lebih daripada satu pengepala Access-Control-Allow-Origin dalam respons. Ini boleh berlaku kerana kesilapan atau konflik di antara bahagian yang berlainan dari persediaan pelayan (misalnya, pelayan aplikasi, proksi terbalik, CDN).
2. Misconfiguration Server : Konfigurasi pelayan yang salah, seperti menetapkan tajuk beberapa kali di bahagian -bahagian yang berlainan dari timbunan pelayan, boleh menyebabkan ralat ini. Ini boleh di Apache, Nginx, atau konfigurasi perisian pelayan yang lain.
3. Konflik Middleware : Jika anda menggunakan pelbagai komponen middleware atau rangka kerja dalam timbunan aplikasi anda, mereka mungkin secara tidak sengaja menetapkan pengepala Access-Control-Allow-Origin beberapa kali.
4. Isu CDN atau proksi : Jika anda menggunakan CDN atau proksi, mereka juga boleh mengubah atau menambah tajuk, yang berpotensi membawa kepada pelbagai pengepala Access-Control-Allow-Origin dalam respons akhir.
5. Tetapan Header Dinamik : Jika pelayan secara dinamik menetapkan pengepala Access-Control-Allow-Origin berdasarkan pengepala Origin permintaan, kesilapan boleh berlaku jika logik tidak dilaksanakan dengan betul.

Bagaimanakah konfigurasi pelayan boleh diselaraskan untuk menyelesaikan ralat err_response_headers_multiple_access_control_allow_origin?

Untuk menyelesaikan kesilapan "err_response_headers_multiple_access_control_allow_origin", anda perlu memastikan bahawa pelayan hanya menghantar satu tajuk Access-Control-Allow-Origin . Inilah cara menyesuaikan konfigurasi pelayan:

1. Apache :

   • Edit fail .htaccess anda atau pelayan konfigurasi untuk memastikan hanya satu pengepala Access-Control-Allow-Origin ditetapkan.

      <code class="apache"><ifmodule mod_headers.c> Header set Access-Control-Allow-Origin "https://example.com" </ifmodule></code>

   • Jika anda mempunyai pelbagai arahan Header yang menetapkan Access-Control-Allow-Origin , menyatukannya menjadi satu.

2. Nginx :

   • Edit fail konfigurasi nginx anda untuk menetapkan tajuk dengan betul.

      <code class="nginx">add_header 'Access-Control-Allow-Origin' 'https://example.com' always;</code>

   • Pastikan bahawa tiada arahan add_header yang bertentangan.

3. Pelayan lain :

   • Untuk perisian pelayan yang lain, periksa dokumentasi untuk mengetahui cara menetapkan tajuk HTTP dan pastikan hanya satu pengepala Access-Control-Allow-Origin ditetapkan.

4. Logik Permohonan :

   • Jika logik aplikasi secara dinamik menetapkan pengepala Access-Control-Allow-Origin , pastikan ia ditetapkan dengan betul dan hanya sekali. Ini mungkin melibatkan mengubah suai middleware atau kod aplikasi.

5. CDN dan Proksi :

   • Jika menggunakan CDN atau proksi, periksa tetapan mereka dan pastikan mereka tidak menambah tajuk Access-Control-Allow-Origin tambahan. Anda mungkin perlu menyesuaikan konfigurasi mereka atau melumpuhkan ciri pengubahsuaian header.

Adakah terdapat pelanjutan penyemak imbas yang mungkin membantu menyelesaikan masalah err_response_headers_multiple_access_control_allow_origin?

Ya, terdapat beberapa pelanjutan penyemak imbas yang dapat membantu anda menyelesaikan masalah "err_response_headers_multiple_access_control_allow_origin" di Google Chrome:

1. Cors Unblock :

   • Pelanjutan ini dapat membantu anda memintas kesilapan CORS buat sementara waktu untuk mendiagnosis isu. Ia boleh berguna untuk tujuan ujian, tetapi ia tidak boleh digunakan dalam pengeluaran.

2. Ubah suai tajuk :

   • Pelanjutan ini membolehkan anda mengubah suai permintaan dan tajuk tindak balas secara langsung dari penyemak imbas. Anda boleh menggunakannya untuk menyesuaikan header Access-Control-Allow-Origin secara manual dan menguji konfigurasi yang berbeza.

3. Meminta :

   • Pelanjutan ini menyediakan alat canggih untuk mengubahsuai permintaan dan tindak balas, yang dapat membantu anda mensimulasikan konfigurasi pelayan yang berbeza untuk mengenal pasti punca akar ralat.

4. HEADER HTTP LIVE :

   • Pelanjutan ini boleh memaparkan dan membantu anda menganalisis tajuk HTTP secara real-time, menjadikannya lebih mudah untuk mengenal pasti pelbagai pengepala Access-Control-Allow-Origin .

5. Postman :

   • Walaupun digunakan terutamanya untuk ujian API, Postman boleh digunakan untuk menghantar permintaan dan memeriksa tajuk, yang dapat membantu anda memahami bagaimana pelayan bertindak balas terhadap permintaan.

Menggunakan sambungan ini, anda boleh memanipulasi tajuk, menganalisis respons pelayan, dan mengenal pasti salah faham yang mungkin menyebabkan ralat.

Atas ialah kandungan terperinci Cara membetulkan: err_response_headers_multiple_access_control_allow_origin Ralat di Google Chrome. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!