首页 > 解决方案 > 在 App.js 中返回 Not Found / 404 页面时

问题描述

目前正在使用 React Router 构建一个 React 应用程序。在我的 switch 语句中,在我将所有主要路线设置到它们的确切位置之后,我在结束 switch 语句之前的最后一段代码看起来有点像这样......

    <Route component={NotFound} />
    <Redirect to="/not-found" />
</Switch>

好奇Redirect在这种情况下是否有必要?多余的?给未找到的页面提供自己的路径的好习惯,即<Route exact path="/not-found" component={NotFound} />

谢谢您的帮助

标签: react-router

解决方案


这并不是必需的。您可以简单地path="*"输入您的路线,因此如果用户访问某些未知路线,他们会停留在相同的 URL 上,但他们仍然可以看到 NotFound 组件。


推荐阅读