在瀏覽器（react-router-dom）中直接輸入 url 時如何修復 404 錯誤？

Question

我想讓用戶在輸入例如www.page-url.com/about-us時訪問特定頁面，而不是通過www.page-url.com然后在導航欄中選擇關於我們。 當我輸入www.page-url.com/about-us時，我收到 404 錯誤（找不到頁面）。 如何防止這種行為？ 我已經嘗試了與 SO 上的問題不同的解決方案，但沒有一個有效。

路由器代碼：

<Router >
        <MobileNavbar />
        <Navbar />
        <Switch>
          <Route path='/' exact component={Home} />
          <Route path='/om-oss' component={AboutUs} />
          <Route path='/sponsorar' component={Sponsor} />
          <Route path='/bli-sponsor' component={BecomeSponsor} />
          <Route path='/bli-medlem' component={BecomeMember} />
          <Route path='/admin' exact component={Admin} />
          <Route path='/admin-login' exact component={AdminLogin} />
          <Route path="/admin/bytt-passord" exact component={ChangeCreds} />
          <Route path="/admin/medlemer" exact component={Members} />
          <Route path="/til-foreldre" component={Parents} />
          <Route path="/kalendar" component={Calendar} />
          <Route path="/admin/kalendar" exact component={AdminCalendar} />
        </Switch>
        <Footer />
      </Router>

Answer 1

當用戶鍵入一些您不支持的路線時，您可以擁有一條全部路線。 將此添加到Switch的底部。

<Route path='*'><SomeComponent /></Route>

抓住所有路線