视频地址:
https://www.bilibili.com/video/BV1af4y1N78B
实现:
挂载路由导航-创建安全网站登录
代码:
// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
// to将要访问
// from从哪访问
// next接着重定向
if (to.path === '/login') return next()
// 获取user
const userFlag = window.sessionStorage.getItem('user')
console.log(userFlag)
if (!userFlag) return next('/login')
next()
})
实例截图:
使用方法:在路由最下面加入上面的代码即可。