了解token，以及使用token作为访问权限的令牌

了解token，以及使用token作为访问权限的令牌

引用

CSDN

1.

https://blog.csdn.net/m0_57184906/article/details/137523700

token的介绍和权限访问控制

token的概念

token是访问权限的令牌，本质上是一串字符串。

token的创建

token在用户正确登录后，由后端签发并返回。

token的作用

token主要用于判断用户是否有登录状态等，从而控制访问权限。

token的使用

目的

只有在登录状态下，用户才可以访问内容页面。

步骤

1. 在utils/auth.js中判断无token令牌字符串，则强制跳转到登录页。
2. 在登录成功后，保存token令牌字符串到本地，再跳转到首页。

注意

• 前端只能判断token的有无。
• 后端通过解密可以提取token字符串的原始信息，判断其有效性。

通过token获取个人资料

语法

axios可以在headers选项中传递请求头参数，如下图所示：

问题

很多页面和接口都需要获取访问权限，并且需要携带token令牌字符串。

解决

可以在请求拦截器中统一设置公共headers选项。

axios请求拦截器

axios请求拦截器介绍

axios请求拦截器是在发起请求之前触发的配置函数，可以对请求参数进行额外配置。

axios请求拦截器的使用场景

当有公共配置和设置时，可以统一设置在请求拦截器中。

axios响应拦截器

axios响应拦截器介绍

axios响应拦截器在响应回到then/catch之前触发，可以对响应结果进行统一处理。例如，可以统一处理身份验证失败的情况。

axios响应拦截器的触发条件

• 当状态码为2xx时，触发成功回调函数。
• 其他状态码则触发失败的回调函数。