如何在未定义 slug 上显示未找到页面？ / 反应路由器 DOM答案

【问题标题】：How to display not found page on not define slug ? / React Router DOM如何在未定义 slug 上显示未找到页面？ / 反应路由器 DOM
【发布时间】：2020-04-04 12:20:51
【问题描述】：

如何显示在定义的路由路径中找不到的页面，但没有有效的 slug？示例：

我已经定义了路径/about:

<Switch>
   // other routes 
   <Route path="/about" component={AboutPage} />
   <Route component={PageNotFound} />
</Switch>

当我访问这样的链接时：

我了解了页面组件，但在路由（在我的情况下为 /about）之后我有错误的 slug（或未定义），如何在上面的示例代码中捕获并显示未找到的页面。

谢谢。 o/

【问题讨论】：

嗨，Milosh，我想知道我的回答是否对您有帮助。如果它回答了您的问题，我将不胜感激您将其标记为已回答，以便其他人可以看到此问题已得到回答。

标签： reactjs react-router-dom

【解决方案1】：

您仍然可以访问“关于”页面的原因是您仍在匹配路径。如果您只想在路径匹配准确的情况下转到某个路由，则可以将 exact 标志传递给 Route：<Route exact path='/about' component={AboutPage} />

【讨论】：

【解决方案2】：

不确定我是否完全理解你，但你的目标是达到this 精确和严格的例子吗？

所以对于localhost:3000/about，您会看到关于页面，但对于localhost:3000/about/sth，您会被重定向到/？

【讨论】：