cra-template-doly/template/src/utils/request.ts

[![npm][npm]][npm-url] 

import axios, { AxiosRequestConfig } from 'axios';
import { TResponse } from '@/services/types/common';
import { getLoginInfo } from './storage';

// const RESPONSE_MESSAGE_FIELD = 'errMsg'; // 响应信息字段名
const RESPONSE_CODE_FIELD = 'errCode'; // 响应码字段名
const RESPONSE_SUCCESS_CODE = '0000'; // 响应成功响应码
// const RESPONSE_EXPIRED_CODE = "9002"; // 登录态过期响应码
const HEADER_TOKEN_NAME = 'Authorization'; // 请求头token名称

interface RequestOptions<D = any> extends Omit<AxiosRequestConfig<D>, 'url' | 'headers'> {
  headers?: Record<string, any>;
  // showLoading?: boolean;
  // showErrorMessage = true;
  token?: boolean;
}

/**
 * 可在该模块编写部分业务逻辑，如请求头token，请求失败/登录过期/服务错误等处理
 * axios 文档：https://github.com/axios/axios#request-config
 */
function request<T extends TResponse>(url: string, options?: RequestOptions) {
  const {
    headers,
    // showLoading = true,
    // showErrorMessage = true,
    token = true,
    ...restOptions
  } = options || {};
  const defaultHeaders = token ? { [HEADER_TOKEN_NAME]: getLoginInfo()?.token } : {};

  // 移动端 antd-mobile v5 Toast 组件加载示例
  // let toastHandler: undefined | ReturnType<typeof Toast.show>;
  // if (showLoading) {
  //   toastHandler = Toast.show({
  //     icon: 'loading',
  //     content: '加载中…',
  //     duration: 0
  //   });
  // }

  return axios<T>({
    url,
    baseURL: process.env.REACT_APP_API, // 环境变量在 config/env.ts 设置
    method: 'POST',
    headers: {
      ...defaultHeaders,
      ...headers
    },
    ...restOptions
  })
    .then((res) => {
      // toastHandler?.close();

      // 请求成功处理，一般会有其他逻辑处理。如登录过期、特殊响应码等
      const data = res.data || {};

      // // 登录过期需重新登录
      // if (data[RESPONSE_CODE_FIELD] === RESPONSE_EXPIRED_CODE) {
      //   logout();
      //   return Promise.reject(data);
      // }

      if (data[RESPONSE_CODE_FIELD] !== RESPONSE_SUCCESS_CODE) {
        return Promise.reject(data);
      }

      return data;
    })
    .catch((err) => {
      // toastHandler?.close();

      // // 请求失败处理，一般是全局错误提示
      // if (showErrorMessage && isObject(err) && err[RESPONSE_MESSAGE_FIELD]) {
      //   delay(() => {
      //     Toast.show(err[RESPONSE_MESSAGE_FIELD]);
      //   }, 100);
      // }

      return Promise.reject(err);
    });
}

export default request;