未找到的页面和默认主页总是重定向到主页-反应路由器

Question

我有这段代码，我总是放一条不存在的路由，它会重定向到主页。我希望当一个不存在的路由被输入时重定向到/404，而当什么都没有或/被输入时，它重定向到Home。

<Switch>
<Route exact path="/badges" component={Badges} />
<Route exact path="/badges/new" component={NewBadge} />
<Route path="/404" component={NotFound} />
<Route path="/" component={Home} />
<Redirect from="*" to="/404" />
</Switch>

Answer 1

在主路线中使用确切的道具。

<Route exact path="/" component={Home} />

Answer 2

我认为你可以做到这一点：

<Switch>
<Route exact path="/badges" component={Badges} />
<Route exact path="/badges/new" component={NewBadge} />
<Route exact path="/" component={Home} />
<Route component={NotFound} />
</Switch>

Answer 3

我会添加一个<Route>组件，而不提供应该重定向到404的path组件。

尝试以下操作：

<Switch>
<Route exact path="/badges" component={Badges} />
<Route exact path="/badges/new" component={NewBadge} />
<Route path="/404" component={NotFound} />
<Route path="/" component={Home} />
<Route component={NotFound} />
</Switch>

我希望这能有所帮助！