ant design pro [react] 给接口统一添加token

春涧草茶

于 2021-08-20 10:45:49 发布

阅读量2.2k

点赞数

分类专栏： ant design pro v5

本文链接：https://blog.csdn.net/weixin_39061000/article/details/119818379

版权

ant design pro v5 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

这段代码展示了如何实现一个HTTP请求的拦截器，用于在发送请求前添加token到headers中。如果localStorage中存在'srmToken'，则将token设置为'access_token'头。当发生错误时，会进行错误处理，若无响应则提示网络异常。

摘要由CSDN通过智能技术生成

代码如下：

const addToken =(async (url, options) => {  // 此处为拦截器，每次发送请求之前判断能否取到token
  if (localStorage.getItem('srmToken')) {
    const headers = {
      'access_token': `${localStorage.getItem('srmToken')}`,
    };
    return {
      url,
      options: { ...options, headers },
    };
  }
});
export const request = {
  errorHandler: (error) => {
    const { response } = error;

    if (!response) {
      notification.error({
        description: '您的网络发生异常，无法连接服务器',
        message: '网络异常',
      });
    }

    throw error;
  },
  requestInterceptors:[addToken]
};