react-router4.2（最新）中如何做到像vue-router一样有编程式导航和导航守卫呢？

Question

如何做到下面这两种方式
--------编程式导航-----

router.push({ name: 'user', params: { userId: 123 }})

// 带查询参数，变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

---------导航守卫---------------------
const router = new VueRouter({ ... })

router.beforeEach((to, from, next) => {
// ...
})

=========================

Answer 1

this.props.history.push('/xx')

Answer 2

楼主解决了吗 我也是跳转之前需要做一些预处理

Answer 3

window.location.href = '/user/login'