ارور 404 هنگام رفرش وب اپلیکیشن در گیت هاب

یونس قربانی

سلام دوست من

به این خاطر هست که اپلیکیشن ما پیمایش رو در سمت کلاینت انجام میده و شما زمانی که در نوار آدرس لینک میدید گیت هاب پیج پیداش نمیکنه

چندین راهکار هست

راهکار اول اینه که در اپلیکیشن بگیم هر موقع not-found پیش اومد به صفحه اصلی ریدایرکت بشه که بهترین کار برای نمایش کامل در گیت هاب همین مورد هست

درست یادم نمیاد ولی فکر میکنم در این مورد صحبت کرده بودم 

موردی که گفتم رو تست کن

mamad.fm

استاد یکبار 

<Route path='*' element={<Navigate to={'/'} />} />

رو به Routes اضافه کردم و نشد
بار بعد کد زیر رو به App.jsx اضافه کردم تا زمانی که صفحه رفرش شد قبل از اینکه رندر بشه آدرس تغییر کنه توی لوکال هاست انجام شد ولی توی گیت هاب نه
 

useLayoutEffect(()=> {
    navigate("/");
    console.log('navigate shode');
  }, []);

ولی راهکارتون رو متوجه نشدم چطور باید بگیم هر موقع not-found پیش اومد ری دایرکت کن؟

یونس قربانی

به این شکل در زمان خطا کامپوننت ایی که ساختی نمایش داده بشه یا میتونی بگی ریدایرکت بشه

const router = createBrowserRouter([
  {
    path: "/",
    element: <Root />,
    errorElement: <ErrorPage />,
  },
]);

در قسمت errorElement

لینک مستندات