에러페이지

<div className="App">
  <Routes>
    <Route element={<Layout />}>
      <Route path="/" element={<Home />} />
      <Route path="/about" element={<About />} />
      <Route path="/profile/:username" element={<Profile />} />
    </Route>

    <Route path="/articles" element={<Articles />}>
      <Route path=":id" element={<Article/>}></Route>
    </Route>

    <Route path='/login' element={<Login/>}></Route>
    <Route path='/mypage' element={<MyPage/>}></Route>

    <Route path="*" element={<NotFound />}></Route>
  </Routes>

간단함.

 

그냥 일단은 라우터 다 지정해 놓고,

전체로 하면 저게 가장 우선순위가 낮나봄.

그냥 전체에 에러페이지로 가게끔 하면 됨.