前后端分离的session登陆问题

[生发剂借我点]

当后端验证用户名和密码匹配时生成一个session，里面包含userID，我想问问前端怎么获取这个登陆状态，跳转到需要登录才能访问的页面，还有怎么在前端获取到session里面存的userID，查了很多资料，都很模糊，希望有大佬能解答一下

[sha虫剂]

请求之后用sessionStorage.setItem来把数据存下来，然后再封装的请求方法中加入请求拦截，通过sessionStorage.getItem来取数据，有值才执行请求，没有就退回登录页，也可也用路由守卫来判断登录状态。 请求拦截拦截和路由守卫怎么用可百度，路由守卫的写法我文章里有写过，可以去看一下

[生发剂借我点]

忘了说了，前端是vue框架，后端是springboot

[博圆圆]

@jio可 您好，请问有具体的执行过程参考嘛？

[jio可]

web登录 => 请求登录api => api返回session/错误提示 => web缓存session到cookie并跳转到登录可访问页面，每次请求api把session传给api检验当前状态 刷新页面的时候web从cookie获取session，请求api把session当参数传给api检验，失败重新回到登录页，成功继续访问页面。

[前端_小菜鸟]

请求回来的响应 将sessionStorage.setItem("userID", userID);存储到session里面，如果需要登录状态才可以跳转页面，可以使用axios请求拦截，请求的时候将userId及登录状态信息放头部或者你所需要的东西，请求前判断是否满足你所需要的条件，不满足则跳转到登录页，登录完才能进入需要登录的界面 我之前也写了一篇 axios封装跟请求拦截的文章，你可以参考一下看看 https://blog.csdn.net/weixin_45471782/article/details/100225111