Abort axios request on DEV mode

CriticalAPI.ts

import { devModeInterceptor } from './devModeInterceptor';

class CriticalAPI {
  private axios: AxiosInstance;

  constructor() {
    this.axios = Axios.create({
      baseURL: process.env.BASE_URL,
    });
    this.axios.interceptors.request.use(devModeInterceptor);
  }

  public chargeCC(ccId: string) {
    return this.axios.post(`/charge-cc`, {
      ccId,
    });
  }
}

devModeInterceptor.ts

import { AxiosRequestConfig } from 'axios';

export function devModeInterceptor(config: AxiosRequestConfig) {
  if (process.env.NODE_ENV === 'production') {
    return config;
  }

  console.info(
    {
      method: config.method,
      baseUrl: config.baseURL,
      url: config.url,
      headers: Object.keys(config.headers).reduce((newHeaders, key) => {
        if (typeof config.headers[key] === 'string') {
          newHeaders[key] = config.headers[key];
        }
        return newHeaders;
      }, {}),
      params: config.params,
      data: config.data,
    },
    `Request skipped in ${process.env.NODE_ENV} mode`
  );

  return { adapter: () => Promise.resolve({ data: {} }) };
}

This gist demonstrate how you can cancel Axios request on none production mode.