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

目录

1. token的介绍和权限访问控制

1.1. token的概念

1.2. token的创建

1.3. token的作用

2. token的使用

2.1. 目的

2.2. 步骤

2.3. 注意

3. 通过token 获取个人资料

3.1. 语法

3.2. 问题

3.3. 解决

4. axios请求拦截器 

4.1. axios 请求拦截器介绍

4.2. axios 请求拦截器,什么时候使用?

 5. axios响应拦截器

5.1. axios 响应拦截器介绍

5.2. axios 响应拦截器,什么时候触发成功/失败的回调函数?


 

1. token的介绍和权限访问控制

1.1. token的概念

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

1.2. token的创建

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

1.3. token的作用

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

 

2. token的使用

2.1. 目的

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

2.2. 步骤

  • 在 utils/auth.js 中判断无 token 令牌字符串,则强制跳转到登录页

  • 在登录成功后,保存 token 令牌字符串到本地,再跳转到首页

2.3. 注意

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

 

3. 通过token 获取个人资料

3.1. 语法

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

3.2. 问题

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

3.3. 解决

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

4. axios请求拦截器 

4.1. axios 请求拦截器介绍

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

4.2. axios 请求拦截器,什么时候使用?

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

 5. axios响应拦截器

5.1. axios 响应拦截器介绍

  • 响应回到 then/catch 之前,触发的拦截函数,对响应结果统一处理

例如:身份验证失败,统一判断并做处理

5.2. axios 响应拦截器,什么时候触发成功/失败的回调函数?

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

相关推荐

  1. jwt基本使用,前端如何存储token

    2024-04-09 13:46:02       28 阅读
  2. token详解与使用

    2024-04-09 13:46:02       20 阅读
  3. <span style='color:red;'>tokenize</span>

    tokenize

    2024-04-09 13:46:02      9 阅读
  4. Jwt生成token以及解析token

    2024-04-09 13:46:02       29 阅读
  5. js-cookie使用以及存储token安全注意要点

    2024-04-09 13:46:02       36 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-09 13:46:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-09 13:46:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-09 13:46:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-09 13:46:02       20 阅读

热门阅读

  1. 第 9 场 小白入门赛 -- 蓝桥杯

    2024-04-09 13:46:02       14 阅读
  2. 关于前端资源文件打包问题

    2024-04-09 13:46:02       16 阅读
  3. SQL中如何添加数据

    2024-04-09 13:46:02       11 阅读
  4. tcpdump简介

    2024-04-09 13:46:02       9 阅读
  5. AD767系列12位数字模拟转换器

    2024-04-09 13:46:02       10 阅读
  6. 6 Reverse Linked List

    2024-04-09 13:46:02       13 阅读
  7. js怎样控制浏览器前进、后退、页面跳转

    2024-04-09 13:46:02       13 阅读
  8. 自然语言处理

    2024-04-09 13:46:02       14 阅读