react router 404 处理

转自:https://blog.csdn.net/ISaiSai/article/details/54425716

思路:由于路由自上而下匹配,处理404只需在最后一个打底路由进行处理

如果希望保持url不变,在路由的最后一行添加如下 * 代码

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

如果要变url,则在所有路由的最后添加如下代码,使用Redirect
(需要 import Redirect

import { Router, Route, Redirect } from ‘react-router’;)

<Route path='/404' component={NotFoundPage} />
<Redirect from='*' to='/404' />
posted @ 2020-03-11 15:22  夏秋初  阅读(510)  评论(0)    收藏  举报