需求:
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')
标签:登录,sessionStorage,next,守卫,router,全局,login,路由,页面 From: https://www.cnblogs.com/wellplayed/p/17967946