umi history用法

umi 是一个基于 React 的前端框架，提供一些便捷的 API 来处理路由。其中 `history` 就是一个用来管理路由历史记录的 API，可以使用以下方式来调用：

import { createBrowserHistory } from 'umi';

const history = createBrowserHistory();

通过 `createBrowserHistory` 方法可以创建一个浏览器路由的实例，并可以通过 `history` 对象来管理路由的历史记录。常用的一些方法包括：

- `history.push(path, [state])`：跳转到指定的路径，并将 `state` 保存到历史记录中。
- `history.replace(path, [state])`：替换当前路径，并将 `state` 保存到历史记录中。
- `history.goBack()`：返回上一个历史记录。
- `history.goForward()`：前进到下一个历史记录。

在 umi 中，我们可以在 `src/app.js` 中通过 `history` 对象来监听路由变化，例如：

import { createBrowserHistory } from 'umi';

const history = createBrowserHistory();

history.listen((location, action) => {
  console.log(`The current URL is ${location.pathname}${location.search}${location.hash}`);
  console.log(`The last navigation action was ${action}`);
});

在以上代码中，我们通过 `history.listen` 方法来监听路由的变化，每当路由发生变化时，都会触发回调函数中的代码，打印出当前 URL 和最近的导航操作。