vue-router的beforeEach的使用？

最新推荐文章于 2025-02-09 22:42:53 发布

weixin_33726943

最新推荐文章于 2025-02-09 22:42:53 发布

阅读量137

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/duanzhange/p/10303614.html

本文介绍了一种使用前端路由守卫实现登录状态验证的方法。通过在每次页面跳转前检查本地存储的token，判断用户是否已登录，从而决定跳转至首页或登录页面，确保了应用的安全性和用户体验。

解决思路就是首先将每次登录之前首先将后台传给的token记录下来判断是否存在（或者判断用户名信息是否存在），接下来才判断是跳转登录页面还是首页
router.beforeEach((to, from, next) => {
var userInfo = window.localStorage.getItem('token');//获取浏览器缓存的用户信息
if(userInfo){ //如果有就直接到首页咯
next();
} else {
if(to.path=='/login'){ //如果是登录页面路径，就直接next()
next();
} else { //不然就跳转到登录；
next('/login');
}
 
}
})