हल: राउटर 404 रीडायरेक्ट पर प्रतिक्रिया करें

रिएक्ट राउटर 404 रीडायरेक्ट से जुड़ी मुख्य समस्या यह है कि इसे लागू करना मुश्किल हो सकता है। चूंकि रिएक्ट राउटर में बिल्ट-इन 404 पेज नहीं है, इसलिए डेवलपर्स को मैन्युअल रूप से 404 पेज के लिए एक रूट बनाना होगा और फिर किसी मौजूदा रूट से मेल नहीं खाने वाले किसी भी अनुरोध को रीडायरेक्ट करने के लिए राउटर को कॉन्फ़िगर करना होगा। इसके लिए अतिरिक्त कोड और कॉन्फ़िगरेशन की आवश्यकता होती है, जो समय लेने वाला हो सकता है और कुछ गलत होने पर डीबग करना मुश्किल हो सकता है। इसके अतिरिक्त, यदि कोई उपयोगकर्ता किसी ऐसे URL पर सीधे नेविगेट करता है जो मौजूद नहीं है, तब भी उन्हें 404 पृष्ठ पर रीडायरेक्ट किए जाने के बजाय एक त्रुटि पृष्ठ दिखाई देगा।

import { BrowserRouter as Router, Route, Switch } from "react-router-dom";

const App = () => (
  <Router>
    <Switch>
      <Route exact path="/" component={Home} />
      <Route exact path="/about" component={About} />

      {/* 404 Redirect */}
      <Route render={() => (<Redirect to="/" />)} /> 

    </Switch>
  </Router>  
);

// लाइन 1: यह लाइन प्रतिक्रिया-राउटर-डोम लाइब्रेरी से ब्राउज़र राउटर, रूट और स्विच घटकों को आयात करती है।

// लाइन 3: यह लाइन ऐप नामक एक फ़ंक्शन को परिभाषित करती है जो JSX लौटाती है।

// लाइन्स 5-7: ये लाइनें प्रतिक्रिया-राउटर-डोम से राउटर घटक में ऐप घटक को लपेटती हैं।

// लाइन्स 8-10: ये लाइनें क्रमशः होम और अबाउट घटकों के लिए दो मार्गों को परिभाषित करती हैं।

// लाइन 12: यह लाइन एक रूट को परिभाषित करती है जो होम पेज पर रीडायरेक्ट करता है यदि कोई अन्य रूट मेल नहीं खाता है।

404 त्रुटि कोड क्या है

रिएक्ट राउटर में 404 त्रुटि कोड एक HTTP स्थिति कोड है जो इंगित करता है कि अनुरोधित संसाधन नहीं मिला। यह आमतौर पर तब वापस आता है जब कोई उपयोगकर्ता किसी ऐसे पृष्ठ या मार्ग तक पहुँचने का प्रयास करता है जो मौजूद नहीं है। यह तब हो सकता है जब उपयोगकर्ता ने URL गलत टाइप किया हो, या यदि पेज को लिंक अपडेट किए बिना हटा दिया गया हो या स्थानांतरित कर दिया गया हो। जब ऐसा होता है, तो रिएक्ट राउटर उपयोगकर्ता को उनकी त्रुटि के बारे में सूचित करते हुए एक उपयुक्त संदेश के साथ एक सामान्य 404 पृष्ठ प्रदर्शित करेगा।

404 रीडायरेक्ट

रिएक्ट राउटर में, 404 रीडायरेक्ट उपयोगकर्ताओं को एक अलग पृष्ठ पर पुनर्निर्देशित करने का एक तरीका है जब वे किसी अमान्य URL तक पहुँचने का प्रयास करते हैं। यह उपयोगकर्ताओं को एक बेहतर अनुभव प्रदान करने के लिए उपयोगी हो सकता है जब वे गलत URL दर्ज करते हैं या किसी ऐसे पृष्ठ तक पहुँचने का प्रयास करते हैं जो मौजूद नहीं है। 404 रीडायरेक्ट को रिएक्ट राउटर से रीडायरेक्ट घटक का उपयोग करके लागू किया जा सकता है, जो आपको उस पृष्ठ का पथनाम निर्दिष्ट करने की अनुमति देता है जिस पर आप उपयोगकर्ता को रीडायरेक्ट करना चाहते हैं। उदाहरण के लिए, यदि कोई /अमान्य-यूआरएल तक पहुंचने का प्रयास करता है, तो आप इस तरह रीडायरेक्ट घटक का उपयोग कर सकते हैं: