حل ہوا: ری ایکٹ راؤٹر 404 ری ڈائریکٹ

React Router 404 redirect سے متعلق اہم مسئلہ یہ ہے کہ اس پر عمل درآمد مشکل ہوسکتا ہے۔ چونکہ React Router میں 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: یہ لائنیں بالترتیب ہوم اور About اجزاء کے لیے دو راستوں کی وضاحت کرتی ہیں۔

// لائن 12: یہ لائن ایک راستے کی وضاحت کرتی ہے جو ہوم پیج پر ری ڈائریکٹ ہوتی ہے اگر کوئی دوسرا راستہ نہیں ملتا ہے۔

404 ایرر کوڈ کیا ہے؟

ری ایکٹ راؤٹر میں 404 ایرر کوڈ ایک HTTP اسٹیٹس کوڈ ہے جو اس بات کی نشاندہی کرتا ہے کہ مطلوبہ وسیلہ نہیں مل سکا۔ یہ عام طور پر واپس آتا ہے جب صارف کسی ایسے صفحہ یا راستے تک رسائی حاصل کرنے کی کوشش کرتا ہے جو موجود نہیں ہے۔ یہ اس صورت میں ہو سکتا ہے جب صارف نے URL کو غلط ٹائپ کیا ہو، یا اگر صفحہ کو ہٹا دیا گیا ہو یا اس کے لنکس کو اپ ڈیٹ کیے بغیر منتقل کر دیا گیا ہو۔ جب ایسا ہوتا ہے تو، React Router ایک عام 404 صفحہ دکھائے گا جس میں ایک مناسب پیغام صارف کو ان کی غلطی سے آگاہ کرے گا۔

404 ری ڈائریکٹ

React Router میں، 404 ری ڈائریکٹ ایک ایسا طریقہ ہے جو صارفین کو کسی دوسرے صفحہ پر ری ڈائریکٹ کرتا ہے جب وہ کسی غلط URL تک رسائی کی کوشش کرتے ہیں۔ یہ صارفین کو بہتر تجربہ فراہم کرنے کے لیے مفید ہو سکتا ہے جب وہ غلط URL درج کرتے ہیں یا کسی ایسے صفحہ تک رسائی حاصل کرنے کی کوشش کرتے ہیں جو موجود نہیں ہے۔ 404 ری ڈائریکٹ کو ری ایکٹ راؤٹر کے ری ڈائریکٹ جزو کا استعمال کرتے ہوئے لاگو کیا جا سکتا ہے، جو آپ کو اس صفحہ کے پاتھ کا نام بتانے کی اجازت دیتا ہے جس پر آپ صارف کو ری ڈائریکٹ کرنا چاہتے ہیں۔ مثال کے طور پر، اگر کوئی /invalid-url تک رسائی حاصل کرنے کی کوشش کرتا ہے، تو آپ ری ڈائریکٹ جزو کو اس طرح استعمال کر سکتے ہیں: