vue.js - 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 || '/')

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

这篇关于vue.js - vue-router登录成功后回到登录前页面是如何实现的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！