Bagaimana untuk Mengelakkan Ralat CORS Apabila Mengalihkan Permintaan GET daripada 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>

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!