umi简单配置动态路由

umi 是一个可插拔的企业级 react 应用框架，它基于 react-router 和 antd，支持约定式路由，简化了配置，易于使用。要简单配置动态路由，你可以按照以下步骤操作：

1. **约定式路由**：
在 `src` 目录下创建页面文件，umi 会自动识别这些文件，并将文件路径转化为路由。例如，创建一个 `src/pages/user.js` 文件，对应的路由就是 `/user`。

2. **动态路由**：
如果需要配置动态路由，你可以创建以 `[]` 包围的文件夹或文件。例如，创建一个 `src/pages/users/[id].js` 文件，这将匹配如 `/users/1`、`/users/2` 等的路由，其中 `id` 是动态参数。

3. **配置文件**：
在项目的根目录下有一个配置文件 `.umirc.js` 或 `config/config.js`，你可以在这里配置路由相关的内容，比如添加路由前缀等。

4. **路由配置**：
如果你需要更多的路由配置，比如重定向、路由守卫等，可以在 `.umirc.js` 或 `config/config.js` 文件中使用 `routes` 配置项手动定义路由。例如：

   export default {
     routes: [
       {
         path: '/user',
         component: './User',
         routes: [
           {
             path: '/user/:id',
             component: './User/Detail',
           },
         ],
       },
     ],
   };

这样的配置可以更细致地控制你的路由规则，包括路由的嵌套、参数匹配等。

5. **动态参数获取**：
在对应的页面组件中，你可以通过 `props` 来获取动态参数。例如，在 `src/pages/users/[id].js` 中，你可以通过 `props.match.params.id` 来获取传递进来的 `id` 参数。

通过上述步骤，你可以简单地配置动态路由，并在 umi 项目中使用。