# 2018.07.19

# react-router 配置默认路由页面

在 React 中,使用 react-router 配置默认路由页面

  1. 在一个 <Switch> 下添加
import { Redirect } from "react-router-dom"

<Redirect to="/trace/overview"/>

当在当前 Switch 下无法找到对应的路由的时候,如 /trace/123,将会跳转到 /trace/overview 路径;

  1. 在一个 <Switch> 下添加
<Route component={NoMatch}/>

这样在无法匹配路径的时候就会显示 NoMatch 组件。

# 参考资料

使用react-router4.0实现重定向和404功能 · Issue #2 · huruji/blog · GitHub

路由配置 | React Router 中文文档

上次更新: 2018/12/27下午12:53:48