全局路由守卫

需求：

1.有一个登录页面和主页面

2.没有登录无法访问主页面，并重定向到登录页面

3.登录后可正常访问主页面

 

实现方式：

router/index.js下书写：

router.beforeEach((to, from, next) => {
    // 访问的是登录页面或sessionStorage内有值
    if (to.name == 'login' || sessionStorage.getItem('username')) {
        next()
    } else {
        // 重定向到登录页面
        next('/login')
    }
})

 

sessionStorage内设置值

sessionStorage('key','value')