首页 > react router 重定向错误页面

react router 重定向错误页面

我用react-router编写了路由,但是如果访问路由列表里面没有设置的路由就会返回一个空的页面。有没有方法能够判断如果路由错误,自动重定向到一个error页面。不是手动重定向,要自动,自动,自动。重要的事说三遍。。。


查了一下资料,再看了一下官方文档,之前的NotFoundRoute确实不存在了。给出两个解决方案。
方案1: 添加一个匹配所有的路由,指定到error页。

<Route path="*" component={ ErrorPage } />

方案2: 一样添加一个*path路由,再路由的Enter里面重定向

<Route path="*" onEnter= { validErrorRoute }>

const validErrorRoute = function(nextState, replace) {
   replace(nextState.location.pathname, '/error');
}

var Redirect = ReactRouter.Redirect; var routes = ( <Routes location="hash"> <Route path="/" handler={App}> <Route path="books" name="bookList" handler={Books}/> <Route path="movies" name="movieList" handler={Movies}/> <Redirect to="bookList"/> </Route> </Routes> );


NotFoundRoute 会在父组件匹配成功但没有一个同级组件被匹配的时候会被激活。
你可以使用它来处理不合法的链接。

【热门文章】
【热门文章】