35.Vue.js :路由安全守卫

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/vivian_1122/article/details/89022835

main.js

//注册一个全局守卫，作用是在路由跳转前，对路由进行判断，防止未登录的用户跳转到其他页面去
router.beforeEach((to, from, next) => {
        let token = localStorage.getItem('myToken');
        //如果已经登录不干涉你，让你随便访问
        if (token) {
            next();
        } else {
            if (to.path !== '/login') {
                //如果没有登录，但你访问其他需要登录的页面，那我就让你调到登录页面去
                next({ path: '/login' })
            } else {
                //如果没有登录，但你访问的login，那就不干涉你，让你 访问
                next()
            }
        }

    })