一张流程图指导jwt登录权限校验功能的实现。

目录

  1. 什么是jwt
  2. jwt流程图
  3. axios 封装

什么是jwt

jwt 全称 json web token,可以看成是基于token的登录权限控制

jwt流程图

jwt流程图优化后

axios 封装

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
class AjaxRequest {
constructor() {
this.baseURL = process.env.NODE_ENV === 'development' ? 'http://localhost:3000' : '/'
this.timeout = 2000
}
request(config) {
const instance = axios.create({
baseURL: this.baseURL,
timeout: this.timeout
})

// 设置拦截器
instance.interceptors.request.use((config) => {
config.header.Authorization = localStorage.getItem('token')
return config
}, err => Promise.reject(err))

instance.interceptors.response.use(res => res.data, err => Promise.reject(err))

return instance(config)
}
}

export default new AjaxRequest()