Netlify React में रीडायरेक्ट की समस्या है। जब आप रीडायरेक्ट बनाते हैं, तो Netlify स्वचालित रूप से HTML दस्तावेज़ के href और पथ घटकों को अपडेट करने का प्रयास करता है। हालाँकि, इस प्रक्रिया के परिणामस्वरूप कभी-कभी गलत या टूटे हुए लिंक हो सकते हैं।
यदि आप अपने Netlify React प्रोजेक्ट में रीडायरेक्ट के साथ समस्याओं का सामना कर रहे हैं, तो हम href और पाथ घटकों के लिए स्वचालित अपडेट अक्षम करने की अनुशंसा करते हैं। आप अपने प्रोजेक्ट के कॉन्फ़िगरेशन में निम्न गुण सेट करके ऐसा कर सकते हैं:
नेटलिफ़ाइ-रिएक्शन-रीडायरेक्ट-ऑटो-अपडेट: ग़लत
app
In your React app, you can redirect to a different page using the Redirect component from React Router.
import { Redirect } from 'react-router-dom'; class App extends React.Component { render() { return ( <div> <Redirect to="/new-page" /> </div> ); } }
नेटलाइज़ क्या है
Netlify एक सेवा (PaaS) के रूप में एक प्लेटफ़ॉर्म है जो डेवलपर्स को वेब एप्लिकेशन बनाने और तैनात करने में मदद करता है। यह डेवलपर्स को एक ही कमांड के साथ वेब एप्लिकेशन बनाने, प्रबंधित करने और तैनात करने के लिए एक मंच प्रदान करता है। Netlify अनुप्रयोगों की निगरानी और प्रबंधन के लिए उपकरण भी प्रदान करता है।
प्रतिक्रिया में पुनर्निर्देशन
रूटर
जब आप रिएक्ट राउटर में रूट बनाते हैं, तो आप अनुसरण करने के लिए रीडायरेक्ट निर्दिष्ट कर सकते हैं। जब उपयोगकर्ता मार्ग पर जाएगा तो यह रीडायरेक्ट अपने आप हो जाएगा।
रिएक्ट राउटर में रीडायरेक्ट बनाने के लिए, रीडायरेक्ट फ़ंक्शन का उपयोग करें। यह फ़ंक्शन दो तर्क लेता है: अनुसरण करने का पथ और एक हैंडलर फ़ंक्शन जिसे उपयोगकर्ता द्वारा रीडायरेक्ट गंतव्य पर पहुंचने पर कॉल किया जाएगा। हैंडलर फ़ंक्शन को ऑब्जेक्ट को दो गुणों के साथ वापस करना चाहिए: स्थिति और यूआरएल। स्थिति संपत्ति में रीडायरेक्ट का HTTP स्थिति कोड होना चाहिए, और यूआरएल संपत्ति में नया यूआरएल होना चाहिए जो उपयोगकर्ता को प्रदर्शित किया जाएगा।
यहां रीडायरेक्ट का उपयोग करने वाले सरल मार्ग का एक उदाहरण दिया गया है:
आयात प्रतिक्रिया 'प्रतिक्रिया' से; आयात {मार्ग} 'प्रतिक्रिया-राउटर' से; आयात {रीडायरेक्ट} 'प्रतिक्रिया-राउटर-डोम' से; कॉन्स्ट रूट्स = [{पाथ: '/यूजर्स/:आईडी', कंपोनेंट: यूजरलिस्ट, चिल्ड्रन: [{पाथ: '/ऐड', कंपोनेंट: एडयूजर}, {पाथ: '/डिलीट/:आईडी', कंपोनेंट: डिलीटयूजर} ] }, { पथ : '/उपयोगकर्ता/:id/edit' , घटक : EditUserList }]; डिफ़ॉल्ट मार्ग निर्यात करें। बनाएँ (मार्ग);
