React Router 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 परत करते.
// ओळी ५-७: या ओळी अॅप घटकाला react-router-dom वरून राउटर घटकामध्ये गुंडाळतात.
// ओळी 8-10: या ओळी अनुक्रमे होम आणि अबाऊट घटकांसाठी दोन मार्ग परिभाषित करतात.
// ओळ 12: ही ओळ एक मार्ग परिभाषित करते जी मुख्यपृष्ठावर पुनर्निर्देशित करते जर इतर कोणताही मार्ग जुळत नसेल.
404 एरर कोड म्हणजे काय
रिएक्ट राउटरमधील 404 एरर कोड हा HTTP स्टेटस कोड आहे जो सूचित करतो की विनंती केलेले संसाधन सापडले नाही. जेव्हा वापरकर्ता अस्तित्वात नसलेल्या पृष्ठावर किंवा मार्गावर प्रवेश करण्याचा प्रयत्न करतो तेव्हा ते सहसा परत केले जाते. जर वापरकर्त्याने URL चुकीची टाईप केली असेल, किंवा पृष्ठावरील दुवे अद्यतनित न करता ते काढले किंवा हलवले गेले असेल तर असे होऊ शकते. जेव्हा हे घडते, तेव्हा प्रतिक्रिया राउटर वापरकर्त्याला त्यांच्या त्रुटीची माहिती देणारा योग्य संदेशासह एक सामान्य 404 पृष्ठ प्रदर्शित करेल.
404 पुनर्निर्देशित करा
रिएक्ट राउटरमध्ये, 404 रीडायरेक्ट हा वापरकर्त्यांना अवैध URL मध्ये प्रवेश करण्याचा प्रयत्न करताना वेगळ्या पृष्ठावर पुनर्निर्देशित करण्याचा एक मार्ग आहे. वापरकर्त्यांनी चुकीची URL एंटर केल्यावर किंवा अस्तित्वात नसलेल्या पृष्ठावर प्रवेश करण्याचा प्रयत्न केल्यास त्यांना अधिक चांगला अनुभव देण्यासाठी हे उपयुक्त ठरू शकते. 404 रीडायरेक्ट रीडायरेक्ट राउटरमधील रीडायरेक्ट घटक वापरून कार्यान्वित केले जाऊ शकते, जे तुम्हाला वापरकर्त्याला पुनर्निर्देशित करू इच्छित असलेल्या पृष्ठाचे नाव निर्दिष्ट करण्यास अनुमती देते. उदाहरणार्थ, कोणीतरी /invalid-url मध्ये प्रवेश करण्याचा प्रयत्न करत असल्यास, तुम्ही याप्रमाणे पुनर्निर्देशित घटक वापरू शकता:
