赞
踩
纠正网上大部分教程代码中留下的坑,网上大部分axios拦截器刷新token的教程中都有一个共性的问题,在请求出现非200状态码时,response拦截器其实是进到的error方法中,此时如果返回Promiss.reject(error)会在刷新token之前直接返回请求错误信息,即页面请求方法会直接报错并在报错的同时刷新token,即使刷新了token,业务逻辑也不会正常进行。废话不多说,直接上代码,在关键位置进行了注释:
- import axios from 'axios'
-
- // 创建一个axios实例
- const instance = axios.create({
- baseURL: '/api',
- timeout: 300000,
- headers: {
- 'Content-Type': 'application/json',
- 'X-Token': getLocalToken() // headers塞token
- }
- })
-
- // 从localStorage中获取token
- function getLocalToken () {
- const token = window.localStorage.getItem('token')
- return token
- }
-
- function refreshToken () {
- // instance是当前request.js中已创建的axios实例
- return instance.post('/refreshtoken').then(res => res.data)
- }
-
- function reloadCheck (response) {
- const { code } = response.status
- // 正常的返回状态不进行处理
- if (code !==

Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。