当前位置: 首页 > news >正文

封装 Token

什么是token?

作为计算机术语,是“令牌”的意思 。

Token 是服务端生成的一串字符串,以作客户端进行请求的一个令牌,当第一次登录后,服务器生成一个Token便将此Token返回给客户端,以后客户端只需带上这个Token前来请求数据即可,无需再次带上用户名和密码。

大概的流程:

1.客户端使用用户和密码请求登录(服务器--后端)

2.服务端收到请求,验证用户名和密码

3.验证成功后,服务端(后台)会生成一个token,然后把这个token发送给客户端(前端)

4.客户端收到token后把它存储起来,可以放在cookie 或者Local Storage(本地存储) 里

5.客户端每次向服务端发送请求的时候都需要带上服务端发给的token(客户端--前端)

6.服务端收到请求,然后去验证客户端请求里面带着token,如果验证成功,就向客户端返回请求的数据。

token使用小结:

前端登录的时候向服务器发送请求,服务器验证成功,会生成一个token

前端会存储这个token,放在session 或cookie 中,用于之后的业务请求身份验证

拿着这个token ,可以在当前登录的账号下进行请求业务,发送请求时,token会放在请求头里,服务器收到这个业务请求,验证token,成功就允许这个请求获取数据。

token可以设置失效期,超时需要重新登录

在  src 目录下创建 utils 文件夹,在 utils 下 setToken.js 写下以下内容:


//  存储 token 
export function setToken (tokenKey, token){return localStorage.setItem (tokenKey,token)}
//  获取 token
export function getToken (tokenKey){return localStorage.getItem (tokenKey)
}
//  移除token
export function  removeToken (tokenKey){return localStorage.removeItem (tokenKey)
}

http://www.lryc.cn/news/190703.html

相关文章:

  • CloudCompare 二次开发(17)——点云添加均匀分布的随机噪声
  • 研发必会-异步编程利器之CompletableFuture(含源码 中)
  • 上海亚商投顾:沪指高开高走 锂电等新能源赛道大反攻
  • 力扣第235题 二又搜索树的最近公共祖先 c++
  • 时代风口中的Web3.0基建平台,重新定义Web3.0!
  • React学习笔记 001
  • 2023 | github无法访问或速度慢的问题解决方案
  • unity各种插件集合(自用)
  • 内网收集哈希传递
  • 前端目录笔记
  • Sui主网升级至V1.11.2版本
  • Mysql-数据库和数据表的基本操作
  • 拓扑排序求最长路
  • sqli-lab靶场通关
  • 使用 Apache Camel 和 Quarkus 的微服务(五)
  • Ubuntu磁盘满了,导致黑屏
  • 安装sklearn包错误解决以及 scikit-learn简介
  • CSS点击切换或隐藏盒子的卷起、展开效果
  • 关于信息安全软考的一些记录1
  • 如何选择UMLChina服务
  • 关于信息安全软考的记录3
  • API攻防-接口安全SOAPOpenAPIRESTful分类特征导入项目联动检测
  • 【Docker 内核详解】namespace 资源隔离(二):UTS namespace IPC namespace
  • EOF() | BOF()相关题目解析
  • spring 注入 当有两个参数的时候 接上面
  • 博客文档续更
  • OCR让点读笔如虎添翼
  • 棱镜七彩参编!开源领域4项团体标准正式发布
  • 轻量级Composition
  • Vxlan网络和flannel记录