Umi中history 相关实用API

1、获取当路由信息

import { history } from 'umi';

// history 栈的实体个数
console.log(history.length);

// 当前 history 跳转的action, 有push/replace/pop 三种类型
console.log(history.action)

// location 对象，包含 pathname/search/hash
console.log(history.location.pathname)
console.log(history.location.search)
console.log(history.location.hash)

2、路由跳转

import { history } from 'umi';

// 跳转到指定路由
history.push('/list')

// 带参数跳转到指定路由
history.push('/list?a=b')
history.push({
    pathname: '/list',
    query: {
        a: 'b'
    }
})

// 跳转到上一个路由
history.goBack();

3、路由实时监听

import { history } from 'umi';

const unlisten = history.listen((location, action) => {
    console.log(location.pathname)
})
unlisten()