H5W3
当前位置:H5W3 > 其他技术问题 > 正文

vue-router登录成功后回到登录前页面是如何实现的?

例如复制了一个链接https://segmentfault.com/ask/…
到浏览器粘贴回车 会进入登录页面 登录成功后想再回到https://segmentfault.com/ask/…这个页面

回答:

大概思路:
1.当你想进入 http://localhost:8080/user (该页面需要登录授权)
2.检查是否登录,如果没有登录跳转到登录页,需要将上一页的path(‘/user’)作为query存到login页地址中,如:http://localhost:8080/login?redirect=%2Fuser

if (!isLogin()) {
   this.$router.push({
    path: '/login',
    query: {redirect: 'your path'} // 如果你使用钩子函数,your path 可以替换成to.fullPath
  })
}

3.登录成功后,获取query中的redirect属性,然后跳转到这个地址

this.$router.push(this.$route.query.redirect || '/')

这是一种方式,你也可以用其他方式存储上一页的地址

回答:

如果不使用钩子函数怎么写

本文地址:H5W3 » vue-router登录成功后回到登录前页面是如何实现的?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址