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