antd pro给请求添加token

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;