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

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

引用

CSDN

1.

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

token的介绍和权限访问控制

token的概念

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

token的创建

• 正确登录后，由后端签发并返回

token的作用

• 判断是否有登录状态等，控制访问权限

token的使用

目的

• 只有登录状态，才可以访问内容页面

步骤

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

注意

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

通过token 获取个人资料

语法

• axios 可以在 headers 选项传递请求头参数
  

问题

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

解决

• 在请求拦截器统一设置公共 headers 选项

axios请求拦截器

axios 请求拦截器介绍

• 发起请求之前，触发的配置函数，对请求参数进行额外配置

axios 请求拦截器，什么时候使用？

• 有公共配置和设置时，统一设置在请求拦截器中

axios响应拦截器

axios 响应拦截器介绍

• 响应回到 then/catch 之前，触发的拦截函数，对响应结果统一处理
  例如：身份验证失败，统一判断并做处理

axios 响应拦截器，什么时候触发成功/失败的回调函数？

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