Vue 登录拦截

Question

保存token以后，怎么实现点击浏览器返回按钮，不会回退到登录页面

Answer 1

根据你贴出的代码，多加个判断就可以了，获取到token的情况下判断目的路由是不是/login；

if (!getToken()) {

    ...

} else {

    if (to.path === '/login') {

        next({

            path: from.path

        })

    } else {

        ...

    }

}

额外的，你还可以在对请求统一拦截时，加上状态码等判断否已登录

Answer 2

不一定非要在main.js里抓取每一次的router变动，只要在login页面做处理就可以解决问题。

在login页里添加：

methods: {},

beforeRouteEnter (to, from, next) {

    if (!getToken()) { // 这里检查是否获取到cookie

       next()

    } else {

       next({

           path:"/" 

       })

    }

}