ReactJS में GET अनुरोध रीडायरेक्ट और CORS त्रुटियों को संभालना

जब ReactJS एप्लिकेशन सर्वर पर GET अनुरोध भेजता है और प्राप्त करता है तो CORS त्रुटि का सामना करना पड़ता है 302 रीडायरेक्ट एक निराशाजनक समस्या हो सकती है। निम्नलिखित इस समस्या का समाधान प्रदान करता है:

आपके परिदृश्य में CORS त्रुटि को हल करने के लिए, जहां एक ReactJS फ्रंटएंड (f.com) पथ '/users' पर बैकएंड सर्वर (b.com) का अनुरोध करता है और बैकएंड SSO लॉगिन पेज (sso.example.com/login) पर रीडायरेक्ट करता है, आप निम्नलिखित दृष्टिकोण अपना सकते हैं:

क्लाइंट-साइड पुनर्निर्देशन:

ब्राउज़र के भीतर क्लाइंट साइड पर पुनर्निर्देशन को संभालना अधिक सरल है। इस तरह, CORS समस्याओं से बचा जाता है क्योंकि पुनर्निर्देशन सीधे SSO वेबसाइट URL पर किया जाता है।

क्लाइंट-साइड पुनर्निर्देशन करने के लिए:

विकल्प 1: रिएक्ट राउटर (कॉम्प्लेक्स) का उपयोग करना )

• रिएक्ट राउटर का उपयोग करके रिएक्ट के भीतर पुनर्निर्देशन लागू करें।
• देखें दस्तावेज़ीकरण यहां: रिएक्ट राउटर V4 का उपयोग करके प्रोग्रामेटिक रूप से नेविगेट करें

विकल्प 2: सादे जावास्क्रिप्ट का उपयोग करना (आसान)

• window.location.href संपत्ति का उपयोग करें ब्राउज़र को सीधे रीडायरेक्ट करने के लिए।
• सुनिश्चित करें कि ब्राउज़र इतिहास के साथ संभावित मुद्दों को नियंत्रित किया गया है तदनुसार।

• कोड नमूना:

  window.location.href = "https://www.example.com";

• अधिक जानकारी यहां : https://appendto.com/2016/04/javascript-redirect-how-to-redirect-a-web-page-with-javascript/

इन पुनर्निर्देशन रणनीतियों में से एक को लागू करके, आप आपके ReactJS एप्लिकेशन में CORS त्रुटियों से बचते हुए GET अनुरोध रीडायरेक्ट को सफलतापूर्वक संभाल सकता है।