vue 判断用户是否登陆

当我们写完一个项目的时候想判断用户是否登陆 没有登陆的话就先要登陆

其实很简单哈 我写的比较啰嗦 简单流程就是 获取token数据 存入浏览器 然后再路由里面判断token是否存在 就三步

## 使用token 来判断用户是否登陆   
 首先  我们通过axios 来进行调用接口获取到数据

在这里插入图片描述
我把从接口中获取的值赋给了result
打印result 查看数据 我的token值路径在result.data.data.token
在这里插入图片描述
**然后我写了一个判断 如果登陆成功就将token存入到浏览器中 **
关键代码为 sessionStorage.setItem(“token”,result.data.data.token) 括号第一个值为随意一个名称 第二个是存入的token值
在这里插入图片描述
我登陆成功了 f12查看浏览器

在这里插入图片描述

接下来开始进行判断了 在路由里面写入
在这里插入图片描述
在这里插入图片描述

//挂载路由导航守卫,to表示将要访问的路径,from表示从哪里来,next是下一个要做的操作
router.beforeEach((to,from,next)=>{
if(to.path === '/login')
return next();
//获取token
const tokenStr = window.sessionStorage.getItem('token');
if(!tokenStr)
return next('/login');
next();
})

就ok了。 token一般都是后端的啦
下次写个session判断是否登陆 几乎一模一样

发布了4 篇原创文章 · 获赞 35 · 访问量 4719

猜你喜欢

转载自blog.csdn.net/qq_43541326/article/details/105443520