如何前端存token，后端获取token

Token是一种用于身份验证和授权的令牌（Token）机制，在网络通信中广泛使用。它是一个字符串，代表着用户的身份或权限，用于验证用户在系统中的访问权限。
在身份验证方面，Token通常用于替代传统的基于会话的身份验证机制，如使用Cookie+Session的方式。使用Token进行身份验证的好处是，服务器不需要在内存中保存用户的会话信息，因为Token本身包含了所有验证所需的信息。这使得Token在分布式系统或无状态的API接口中非常适用。Token通常由服务器生成，并在用户登录或进行身份验证时发放给客户端。客户端将Token存储起来，并在后续的请求中将Token作为身份认证的凭证发送给服务器。服务器接收到Token后，可以通过验证Token的有效性来确认用户的身份和权限。常见的Token类型包括JWT（JSON Web Token）、OAuth 2.0的访问令牌（Access Token）、Bearer Token等。

在前端，使用浏览器提供的 Web Storage（如LocalStorage或SessionStorage）或者使用HTTP Cookie来存储Token。

1. 使用LocalStorage：// 存储Token到LocalStoragelocalStorage.setItem('token','your_token_value');// 从LocalStorage读取Tokenconst token = localStorage.getItem('token');
2. 使用SessionStorage：// 存储Token到SessionStoragesessionStorage.setItem('token','your_token_value');// 从SessionStorage读取Tokenconst token = sessionStorage.getItem('token');
3. 使用HTTP Cookie：// 存储Token到Cookiedocument.cookie ='token=your_token_value; expires=...; path=/';// 从Cookie读取Tokenconst cookies = document.cookie.split(';');let token =null;cookies.forEach(cookie=>{const[name, value]= cookie.trim().split('=');if(name ==='token'){ token = value;}});

在前端进行Token验证时，通过在请求头中添加

Authorization

字段，并将Token值作为其值传递给后端。在后端的代码中，使用

@RequestHeader("Authorization") String token

来获取请求头中的Token值进行验证和处理。

在Spring Boot后端中，使用

@RequestHeader

注解来接收前端传递的Token值。
示例：

importorg.springframework.web.bind.annotation.GetMapping;importorg.springframework.web.bind.annotation.RequestHeader;importorg.springframework.web.bind.annotation.RestController;@RestControllerpublicclassYourController{@GetMapping("/your-endpoint")publicStringyourEndpoint(@RequestHeader("Authorization")String token){// 处理return"Success";}}

使用

@RequestHeader("Authorization")

注解将前端传递的Token值绑定到

token

参数上。然后，可以在方法体中使用

token

进行验证和处理。