vue拦截response刷新token,axios调用没有反应

发布于 2022-09-06 08:58:09 字数 2337 浏览 13 评论 0

用下面的代码来做刷新token,后端用的django-reset-framework-jwt,用postman验证过了http://127.0.0.1:8000/api/token/refresh/,没有问题,但是前端token到期刷新时,getRefreshToken函数打印了current_token之后就没有下文了,后端也没有显示收到刷新token的请求,getRefreshToken函数里面执行的axios既不能拿到新的token,也不报错:

import axios from 'axios'
import store from '../store'
import { Message, MessageBox } from 'element-ui'
import { getToken, setToken, removeToken } from '@/utils/auth'



// 创建axios实例
const service = axios.create({
  baseURL: 'http://127.0.0.1:8000', // api的base_url
  timeout: 1500000 // 请求超时时间
})

function getRefreshToken() {
  console.log('try to refresh token...')
  console.log('current_token:', store.getters.token)
  params = {'token': store.getters.token}
  return axios.post('http://127.0.0.1:8000/api/token/refresh/', params)
}

// request拦截器
service.interceptors.request.use(config => {
  if (store.getters.token) {
    config.headers['Authorization'] = 'JWT ' + store.getters.token // 让每个请求携带自定义token 请根据实际情况自行修改
  }
  return config
}, error => {
  // Do something with request error
  console.log(error + "1.40") // for debug
  Promise.reject(error)
})


// respone拦截器
service.interceptors.response.use(
  response => response,
  error => {
    console.log('error:' + error) // for debug
    if (error.response) {
      console.log("error.response", error.response);
      console.log('error code: ' + error.response.status);
      console.log('error text: ' + error.response.statusText);
      if (error.response.status === 401 && error.response.config && !error.response.config.__isRetryRequest) {
        console.log('ACCESS TOKEN EXPIRED!');
        return getRefreshToken()
          .then(function(res) {
            console.log('TOKEN RECEIVED', res);
            setToken(res.data.token)
            store.commit('SET_TOKEN', res.data.token)
            error.response.config.__isRetryRequest = true;
            error.response.config.headers.Authorization = 'Authorization ' + res.data.token;
            return axios(error.response.config);
          })
          .catch(function() {
            console.log('Refresh login error: ', error);
            throw error;
          });
      }
      // throw error;
    }
    return Promise.reject(error)
  }
)

export default service

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文