错误的 React 路由重定向

wrong React Route Redirect

我做了一个错误页面,如果路由不正确,我会重定向到它。但是当我打开本地主机时,主页是错误的。但我需要 '/main'

 <Route path="/activities/" exact>
</Route>
            <Route path="/error" component={ErrorComponent} />
            <Redirect from="*" to="/error" />
            <Route path="/">
              <Redirect to="/main" />
            </Route>

您需要移动所有路线底部的<Redirect from="*" to="/error" />并在<Route path="/">

中添加exact
 <Route path="/activities/" exact>
 </Route>
 <Route path="/error" component={ErrorComponent} />
 <Route path="/" exact>
     <Redirect to="/main" />
 </Route>
 <Redirect to="/error" />
 

也将帮助您重定向到错误路由

首先调用通配符重定向 <Redirect from="*" to="/error" /> 并导致任何路由重定向到您的 <Route path="/error" component={ErrorComponent} /> 路由

<Route /><Redirect /> 组件包装在 <Switch> 组件中,如下所示:

import { Redirect, Route, Switch } from "react-router";

<Switch>
  <Route path="/activities/" exact />
  <Route path="/error" component={ErrorComponent} exact />
  <Route path="/main" exact />
  <Redirect from="/" to="/main" />
  <Redirect from="*" to="/error" />
</Switch>

https://reactrouter.com/web/api/Switch