vue拦截response刷新token,axios调用没有反应
用下面的代码来做刷新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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论