为了账号安全,请及时绑定邮箱和手机立即绑定

vue-router中登录拦截跳转至登录页面时不记住history;

vue-router中登录拦截跳转至登录页面时不记住history;

蓝山帝景 2018-12-21 19:12:53
1.vue-router 的 beforeEach 钩子函数中判断是否登录,没登录的话跳转到登录页面进行登录。2.router.beforeEach((to, from, next) => {  if (to.matched.some(record => record.meta.requireAuth)) {    // this route requires auth, check if logged in    // if not, redirect to login page.    if (!isLogin()) {      next({        name: '登录',        query: { redirect: to.fullPath }      });    } else {      next();    }  } else {    next(); // 确保一定要调用 next()  }});3.因为这默认是记入history栈,现在这一步操作想用replace代替push 应该怎么设置?
查看完整描述

1 回答

?
HUWWW

TA贡献1874条经验 获得超12个赞

replace代替push,会替换history里面的记录,按浏览器的返回按钮就无效了,用push的话按浏览器的返回按钮会返回的之前的页面。

可以在登录页面,登录成功后,调用 this.$router.go(-1)返回到登录之前的页面,当然还是用push跳转到登录页(this.$router.push({"name": "login"}))


查看完整回答
反对 回复 2019-01-02
  • 1 回答
  • 0 关注
  • 2448 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信