前端验证用户登陆状态(vue.js)
2024-10-20 06:43:24
- 首先用户需要进行登陆(请求登陆接口),接口请求成功之后后台会返回对应的用户信息(可以把用户信息存放在浏览器缓存中),并且后台会设置浏览器的cookie值(可以在network->header->Response Headers里的Set-Cookie看见),如下图:
2. 用户登陆之后的每个请求,浏览器都会自己带上cookie,用于用户验证
3.vue中每次路由跳转都会获取之前存在缓存里面的用户信息,如果能获取到,则继续下面的操作;如果获取不到,用户需要向后台重新请求下接口(这个接口是理论上是不需要任何请求体的,并且直接会返回用户信息),通过请求结果进行后续操作,接口请求成功之后会有两种结果:
- 返回正常的用户信息,我们只需要更新下缓存里面的用户信息即可
- 如果获取不到用户信息(请求成功,但是没有用户信息),则说明服务器的session过期,这时候需要跳转到登陆界面,让用户重新登陆
4. 还有一种情况:用户没有进行路由跳转,直接在当前页进行接口请求,这时候如果服务器的session过期,后台会返回特定的提示信息(可能是某个特定的状态码,具体由后台设定),这时候也是需要跳转到登陆界面的
最新文章
- screen
- ASP.NET MVC 过滤器(三)
- MySQL中存储过程+事件的使用方法
- nginx负载均衡之基于客户端cookie的会话保持
- 让NSURLConnection在子线程中运行
- win10 IIS10 HTTP 错误 404.2 - Not Found
- 剑指OFFER之栈的压入、弹出序列(九度OJ1366)
- [转]SVN的trunk branch tag
- 有趣的TWinControl.RecreateWnd,并分析在哪些场合使用
- jQuery显示与隐藏返回顶层的箭头
- C#中的一种按日期分文件夹的日志写法
- 建立Hibernate二级Cache
- UML类图的常见关系1
- Block Token 原理分析
- 《java入门第一季》之Arrays类前传(排序问题)
- Chapter 4 Invitations——17
- javascript基础修炼(10)——VirtualDOM和基本DFS
- [LeetCode] Design Circular Queue 设计环形队列
- nfs+rsync备份
- 宝岛探险,DFS&;BFS
热门文章
- [LeetCode] 257. Binary Tree Paths_ Easy tag: DFS
- unity3d-小案例之角色简单漫游
- 第一章SpringBoot入门
- js值类型和引用类型的区别
- 新浪微博 SAE
- 如何在SQL Server查询语句(Select)中检索存储过程(Store Procedure)的结果集?
- 用js或css实现淡入淡出
- mongodb权限
- yii2关联查询两组一对一
- Python: 字符串开头或结尾匹配str.startswith(),str.endswith()