VUE登录路由判断

                                                      VUE登录路由判断

 我们在做无论是网站，还是电商的时候，登录是我们必不可少的一个功能，当我们从登录界面进行登录操作的时候，如果登录成功，我们希望进入到主界面。如果我们是在其他界面进行登录，则我们希望我们登录之后是返回到那个其他界面，这样用户也感觉到更友好。

然而历史页面跳转到登录页面的情况一般是三种：

1、从注册页面到登录界面

2、从忘记密码页面到登录页面

3、其他页面

1和2是特殊页面，单独进行判断。3属于常规页面，直接返回历史页面就行了。实现思路就是在路由里面带一个参数，然后进行判断就可以了。vue路由提供返回历史界面的方法是this.$router.go(-1)。

实现代码逻辑：

1和2一致，我就举例注册页面：注册页面的路由传参数写法：传入toHome参数

_self.$router.push({
  path: '/login',
  query: {
    toHome: 2
  }
})

登录页面写法：登录接口登录成功js里面写入

            // 登陆成功，设置cookie
            if (this.$route.query.toHome || window.history.length === 0) {
              _self.$router.replace('/')
            } else {
              _self.$router.go(-1)
            }

这样就可以实现了