本文共 522 字，大约阅读时间需要 1 分钟。

登录功能实现

路由导航守卫控制访问权限

//为路由对象添加 beforeEach 导航守卫router.beforeEach((to, from, next) => {
   	//如果用户访问的是登录页，则直接放行	if (to.path === '/login') return next()	//从 sessionStorage 中获取到保存的 token 值	const tokenStr = window.sessionStorage.getItem('token')	//如果没有 token 强制跳转到登录页	if (!tokenStr) return next('/login') 	next()})

退出功能实现

基于 token 的方式实现退出比较简单，只需要销毁本地的 token 即可。这样，后续的请求就不会携带 token , 必须重新登录生成一个新的 token 之后才可以访问页面。

// 清空 tokenwindow.sessionStorage.clear()// 跳转到登录页this.$router.push('login')

转载地址：http://axvii.baihongyu.com/