রিঅ্যাক্ট রাউটার 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 রিডাইরেক্ট রিঅ্যাক্ট রাউটার থেকে রিডাইরেক্ট কম্পোনেন্ট ব্যবহার করে প্রয়োগ করা যেতে পারে, যা আপনাকে ব্যবহারকারীকে যে পৃষ্ঠায় রিডাইরেক্ট করতে চান তার পাথনাম নির্দিষ্ট করতে দেয়। উদাহরণস্বরূপ, যদি কেউ /অবৈধ-ইউআরএল অ্যাক্সেস করার চেষ্টা করে, আপনি এইভাবে পুনঃনির্দেশ উপাদান ব্যবহার করতে পারেন: