Vue挂载导航守卫

前后端分离：前端实现页面拦截

    //挂载路由导航守卫
router.beforeEach((to, from, next) => {
    //to:用户将要访问的路径
    //from: 代表从哪个路径跳转来
    //next: 一个表示放行的函数，当没有token时，可以强制跳转到主页
    if (to.path === '/login') return next()
    const tokenStr = window.sessionStorage.getItem('token')
    if (!tokenStr) return next('/login')
    next();

})