PromucFlow_constructor/app/client/src/api/Api.tsx

import _ from "lodash";
// import axios from "axios";
import {
  BASE_URL,
  REQUEST_TIMEOUT_MS,
  REQUEST_HEADERS,
  AUTH_CREDENTIALS,
} from "../constants/ApiConstants";

const axios = require("axios"); //eslint-disable-line @typescript-eslint/no-var-requires

const axiosInstance = axios.create({
  baseURL: BASE_URL,
  timeout: REQUEST_TIMEOUT_MS,
  headers: REQUEST_HEADERS,
  withCredentials: true,
  auth: AUTH_CREDENTIALS,
});

axiosInstance.interceptors.response.use(
  function(response: any) {
    // Do something with response data
    return response.data;
  },
  function(error: any) {
    if (error.response) {
      // The request was made and the server responded with a status code
      // that falls out of the range of 2xx
      console.log(error.response.data);
      console.log(error.response.status);
      console.log(error.response.headers);
    } else if (error.request) {
      // The request was made but no response was received
      // `error.request` is an instance of XMLHttpRequest in the browser and an instance of
      // http.ClientRequest in node.js
      console.log(error.request);
    } else {
      // Something happened in setting up the request that triggered an Error
      console.log("Error", error.message);
    }
    console.log(error.config);
    return Promise.reject(error);
  },
);

class Api {
  static get(url: string, queryParams?: any) {
    return axiosInstance.get(
      url + this.convertObjectToQueryParams(queryParams),
    );
  }

  static post(url: string, body?: any, queryParams?: any) {
    return axiosInstance.post(
      url + this.convertObjectToQueryParams(queryParams),
      body,
    );
  }

  static put(url: string, queryParams?: any, body?: any) {
    return axiosInstance.put(
      url + this.convertObjectToQueryParams(queryParams),
      body,
    );
  }

  static delete(url: string, queryParams?: any) {
    return axiosInstance.delete(
      url + this.convertObjectToQueryParams(queryParams),
    );
  }

  static convertObjectToQueryParams(object: any): string {
    if (!_.isNil(object)) {
      const paramArray: string[] = _.map(_.keys(object), key => {
        return encodeURIComponent(key) + "=" + encodeURIComponent(object[key]);
      });
      return "?" + _.join(paramArray, "&");
    } else {
      return "";
    }
  }
}

export type HttpMethod = "GET" | "POST" | "PUT" | "DELETE";

export default Api;