umi router

umi router有三种方式，分别是约定式路由、编译时配置式路由和运行时配置式路由。约定式路由是根据文件名自动配置路由，编译时配置式路由是在config/config.js文件中进行配置，而运行时配置式路由是在src/app.js文件中进行配置。需要注意的是，如果在.umirc.(ts|js)或config/config.(ts|js)文件中对router进行了配置，约定式路由将失效，新添的页面也不会自动被umi编译，而会使用编译时配置式路由。另外，umi的权限路由是通过编译时配置式路由的Routes属性来实现，可以在Authorized.js文件中指定权限。

相关问题

umi3 router配置

在umi3中，路由配置可以通过在项目根目录下的config/routes.tsx文件中定义路由数组来实现。可以使用IRoute接口来定义每个路由的属性。例如，可以使用path属性指定路由的路径，component属性指定路由对应的组件。可以使用exact属性来指定是否精确匹配路由。可以使用routes属性来定义子路由。[1]

另外，可以在.umirc.ts文件中引入路由配置文件，并将其添加到routes数组中。可以使用defineConfig函数来定义umi的配置。可以使用nodeModulesTransform属性来设置是否对node_modules中的文件进行转换。可以使用history属性来设置路由的类型，例如hash或者browser。可以使用fastRefresh属性来启用快速刷新功能。[1]

如果需要使用动态路由，可以在路由配置文件中使用动态参数，例如/details/:id?，其中:id?表示id参数是可选的。[2]

另外，如果想在项目根目录下创建config文件夹，并在其中创建router.config.js文件来配置路由，可以按照给出的代码示例进行配置。可以使用path属性指定路由的路径，component属性指定路由对应的组件，exact属性指定是否精确匹配路由。可以在routes数组中定义子路由。[3]

umi/router中的router.push()传值

在umi路由器（umi/router）中，`router.push()`方法用于导航到新的路由，并且支持传递参数给目标组件。它的基本语法如下：

import { useRouter } from 'umi/router';

// 在某个React组件内部
const router = useRouter();

// 假设我们要跳转到'/user/:userId'路由，并传递用户ID
router.push({
  pathname: '/user',
  params: { userId: '123' }, // 使用params属性传递动态参数
  query: { name: 'John Doe' }, // 另外，也可以通过query属性传递查询参数
});

- `pathname`: 静态路径部分，不包含参数或查询字符串。
- `params`: 包含动态参数的部分，通常用冒号(`:`)分隔标识符和值。
- `query`: 附加在路径后面的查询参数，通常用于传递键值对。

当你调用`router.push()`后，目标组件会接收到这些参数作为props，可以在组件内根据需求处理。注意，如果目标路由已经存在，`push()`方法将替换当前路由，而不是添加新路由。