未找到页面和默认主页总是重定向到主页 - React Router

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

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

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

Answer 2

我会添加一个<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>

我希望这有帮助！

Answer 3

我认为你可以这样做：

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