Reactjs 在React中的Axios拦截器内异步/等待不工作

Reactjs 在React中的Axios拦截器内异步/等待不工作,reactjs,async-await,axios,Reactjs,Async Await,Axios,我试图使用async/await来避免在身份验证令牌过期时进行多次调用。一旦令牌过期,其他API调用应该一直保持,直到我设置cookie,但这并没有按预期工作。有人能帮我吗?我也尝试过使用Promise,但仍然面临同样的问题 下面是我的代码 componentDidMount(){ const{cookies}=this.props; axiosInstance.interceptors.request.use(异步请求=>{ 这是我的国家({ 错误:null }) if(cookies.ge

我试图使用async/await来避免在身份验证令牌过期时进行多次调用。一旦令牌过期,其他API调用应该一直保持,直到我设置cookie,但这并没有按预期工作。有人能帮我吗?我也尝试过使用Promise,但仍然面临同样的问题

下面是我的代码

componentDidMount(){
const{cookies}=this.props;
axiosInstance.interceptors.request.use(异步请求=>{
这是我的国家({
错误:null
})
if(cookies.get('Authorization')){
request.headers['Authorization']=`Bearer${cookies.get('Authorization')}`;
request.headers['x-api-key']=cookies.get('x-api-key');
返回请求;
}else if(window.sessionInterval!==null){
const loginRes=wait axios.post(`${config.BASE\u URL}/login`{
encryptedUserName:this.props.login.userName,
encryptedPassword:this.props.login.password
})
const{token,sessionInfo,id}=loginRes.data.data;
const maxAge=convertToSeconds(sessionInfo.JWT_Expiry.toLowerCase());
set('Authorization',token,{expires:new Date(),maxAge});
request.headers['Authorization']='Bearer${token}`;
request.headers['x-api-key']=id;
返回请求;
}
})
axiosInstance.interceptors.response.use(res=>res,error=>{
这是我的国家({
错误:错误
})
返回承诺。拒绝(错误);
})

};