全局路由守卫
需求:
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')