路由前置守卫是干什么的

        对路由进行权限控制。在路由跳转前触发，参数包括to,from,next三个，这个钩子作用主要是用于登录验证，也就是路由还没跳转提前告知。

        就像是，学校的图书馆门口，会有一个刷卡机器，你想进去，就得刷学校的一卡通（里面有你的学生信息），此时这个刷卡机就是前置路由守卫，只有你经过验证才能进入图书馆。借书也是一样的道理，要借书就得在机器上刷一卡通才能借走，无论你是进入图书馆还是借书都得经过刷卡机才能做，大概就是这样理解的。

        例子里的情景：只有在登录页登录后，本地存储中有用户个人token令牌，才能去查阅网站其他页面。

router.beforeEach((to, from, next) => {
    const token = window.localStorage.getItem('token')
    //校验非登录页面的登陆状态
    if (to.path !== '/login') {
        //判断用户是否登录
        if (token) {
            next()
        } else {
            alert('您还未登录，请先登录帐号')
            next('/login')
        }
    } else {
        next()
    }
})