Skip to main content

路由

在 Umi 中，应用都是单页应用，页面地址的跳转都是在浏览器端完成的，不会重新请求服务端获取 html，html 只在应用初始化时加载一次。所有页面由不同的组件构成，页面的切换其实就是不同组件的切换，你只需要在配置中把不同的路由路径和对应的组件关联上。

配置路由​

在配置文件中通过 routes 进行配置，格式为路由信息的数组。

比如：

export default {
  routes: [
    { exact: true, path: "/", component: "index" },
    { exact: true, path: "/user", component: "user" },
  ],
};

路由组件参数​

路由组件可通过 props 获取到以下属性，

match，当前路由和 url match 后的对象，包含 params、path、url 和 isExact 属性 location，表示应用当前处于哪个位置，包含 pathname、search、query 等属性 history，同 api#history 接口 route，当前路由配置，包含 path、exact、component、routes 等 routes，全部路由信息 比如：

export default function (props) {
  console.log(props.route);
  return <div>Home Page</div>;
}

参考​