Bagaimana untuk Mengelakkan Ralat CORS Apabila Mengalihkan Permintaan GET daripada ReactJS?

DDD
Lepaskan: 2024-10-31 03:17:02
asal
779 orang telah melayarinya

How to Avoid CORS Errors When Redirecting GET Requests from ReactJS?

Ubah hala Permintaan GET daripada ReactJS untuk Mengelakkan Ralat CORS

Apabila ReactJS menghantar permintaan GET ke pelayan bahagian belakang dan menerima ubah hala 302 ke tapak pihak ketiga (cth., halaman SSO), ralat CORS mungkin berlaku disebabkan oleh sekatan pada permintaan silang asal. Untuk menyelesaikan isu ini, adalah disyorkan untuk mengendalikan ubah hala pada bahagian klien dalam penyemak imbas.

Pengalihan Sebelah Pelanggan

Daripada bergantung pada pengalihan sisi pelayan, yang boleh mencetuskan ralat CORS, lakukan ubah hala dalam penyemak imbas menggunakan JavaScript. Pendekatan ini menghapuskan isu CORS kerana penyemak imbas mengakses terus URL tapak web SSO.

React Router

React membolehkan anda mengendalikan navigasi secara atur cara menggunakan React Router. Walau bagaimanapun, penyelesaian ini mungkin lebih kompleks.

Tetingkap.Lokasi

Alternatif yang lebih mudah ialah menggunakan objek window.location:

<code class="javascript">window.location.href = "https://www.example.com";</code>
Salin selepas log masuk

Ini mengubah hala pengguna ke URL yang ditentukan, yang berpotensi menyebabkan masalah dengan sejarah penyemakan imbas. Walau bagaimanapun, ini adalah cara yang mudah untuk mengendalikan pengalihan tanpa mencetuskan ralat CORS.

Atas ialah kandungan terperinci Bagaimana untuk Mengelakkan Ralat CORS Apabila Mengalihkan Permintaan GET daripada ReactJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan