JWT 认证机制

1. 了解 Session 认证的局限性

Session 认证机制需要配合 Cookie 才能实现 。由于 Cookie 默认不支持跨域访问,所以当涉及到前端跨域请求后端接口 的时候,需要做很多额外的配置,才能实现跨域 Session 认证

注意:

  1. 当前端请求后端接口不存在跨域问题 时,推荐使用 Session 身份认证机制

  2. 当前端需要跨域请求后端接口的时候,不推荐使用 Session 身份认证机制,推荐使用JWT认证机制

2. 什么是 JWT

JWT(英文全称:JSON Web Token)是目前最流行的跨域认证解决方案

3. JWT 工作原理

用户的信息通过 Token 字符串的形式,保存在客户端浏览器中,服务器通过还原 Token 字符串的形式来认证用户的身份

4. JWT 的组成部分

JWT 通常由三部分组成,分别是 Header (头部)、Payload (有效载荷)、Signature(签名)

三者之间使用英文的 ","分割,格式如下

bash 复制代码
Header.Payload.Signature

JWT字符串示例

5. JWT 的三个部分各自代表的含义

JWT的三个组成部分,从前到后分别是 Header、Payload、Signature

Payload 部分是真正的用户信息,是用户信息经过加密后生成的字符串

Header 和 Signature 是**安全性相关的部分,**只是为了保证 Token 的安全性

6. JWT 的使用方式

客户端收到服务器返回的 JWT 之后,通常会将它储存在 localStoragesessionStorage

此后,客户端每次与服务器通信,都要带上这个 JWT 的字符串,从而进行身份认证

推荐的做法就是:把 JWT 放在 HTTP请求头的 Authorization 字段中

bash 复制代码
Authorization: Bearer <token>
相关推荐
_.Switch37 分钟前
Python Web 应用中的 API 网关集成与优化
开发语言·前端·后端·python·架构·log4j
一路向前的月光41 分钟前
Vue2中的监听和计算属性的区别
前端·javascript·vue.js
长路 ㅤ   41 分钟前
vite学习教程06、vite.config.js配置
前端·vite配置·端口设置·本地开发
长路 ㅤ   42 分钟前
vue-live2d看板娘集成方案设计使用教程
前端·javascript·vue.js·live2d
Fan_web1 小时前
jQuery——事件委托
开发语言·前端·javascript·css·jquery
安冬的码畜日常1 小时前
【CSS in Depth 2 精译_044】第七章 响应式设计概述
前端·css·css3·html5·响应式设计·响应式
韩楚风2 小时前
【linux 多进程并发】linux进程状态与生命周期各阶段转换,进程状态查看分析,助力高性能优化
linux·服务器·性能优化·架构·gnu
莹雨潇潇2 小时前
Docker 快速入门(Ubuntu版)
java·前端·docker·容器
陈苏同学2 小时前
4. 将pycharm本地项目同步到(Linux)服务器上——深度学习·科研实践·从0到1
linux·服务器·ide·人工智能·python·深度学习·pycharm
Jiaberrr2 小时前
Element UI教程:如何将Radio单选框的圆框改为方框
前端·javascript·vue.js·ui·elementui