antd pro给请求添加token

antd pro给请求添加token

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

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;