登录退出-挂在路由导航守卫

导航守卫的目的是确保授权页面的访问都需要要携带token

import Vue from 'vue'
import Router from 'vue-router'
import Login from './components/Login'
import Home  from "@/components/Home";

Vue.use(Router)

const router = new Router({
    routes: [
        { path: '/', redirect: '/login'}, // 把根路径跳转到/login
        { path: '/login', component: Login },
        { path: '/home', component: Home}
    ]
})
// 挂在路由导航守卫
router.beforeEach((to, from, next) =>{
    // to 要请求的路由
    // from 从哪个地方请求过来的
    // next next('/login')
    if (to.path === '/login') return next();
    // 获取token
    const tokenStr = window.sessionStorage.getItem('token');
    if (!tokenStr) return next('/login');
    next()

})

export default router