如何优雅地用vue-router记录上一次访问页面地路径？

Question

需求是：

用户可能会点击登录 进入登录的组件
登录成功以后我希望用户可以回到登录前的路由并继续操作。

如何优雅地用vue路由处理这个问题？

Answer 1

点击登录的时候将当前页面路由当作参数传递给登录页面 query
登录完成后查询 this.$route.query 做路由的 replace

Answer 2

可以利用beforeRouteEnter钩子函数来记录进入登陆页之前的页面路径。

beforeRouteEnter(to, from, next) {
  next((vm) => {
    vm.setFromPage(from.path)
  })
},
methods: {
  setFromPage(path) {
    this.fromPage = path
  },
}