大家好，欢迎来到IT知识分享网。

antd pro给请求添加token

antd pro中关于umi-rquest的源码

/** * 配置request请求时的默认参数 */
const request = extend({ 
   
  errorHandler,
});
export default request;

添加token后的源码

增加一个拦截器，每次请求前尝试去sessionStorage中获取token

/** * 配置request请求时的默认参数 */
const request = extend({ 
   
  errorHandler,
});

request.interceptors.request.use(async (url, options) => { 
     // 此处为拦截器，每次发送请求之前判断能否取到token
  if (sessionStorage.getItem('token')) { 
   
    const headers = { 
   
      'Content-Type': 'application/json',
      'Accept': 'application/json',
      'Authorization': `Token ${ 
     sessionStorage.getItem('token')}`,
    };
    return { 
   
      url,
      options: { 
    ...options, headers },
    };
  }
});

export default request;