requestUtils.ts

import axios from 'axios';

import ApiError from 'model/ApiError';

axios.interceptors.response.use((response) => {
    return response;
}, (error) => {
    return Promise.reject(ApiError.axiosError(error));
});

/**
 * Default Axios configuration for accessing the backend API
 */
export const axiosBackend = axios.create({
  baseURL: 'http://localhost:3000/proxy', // use embedded proxy
  timeout: 0,
  headers: {
    'X-Custom-Header': 'Genesys Frontend',
    'Content-Type': 'application/json',
  },
});

axiosBackend.interceptors.request.use((config) => {
  // Do something before request is sent
  console.log('Backend API request to ', config.url);
  return config;
}, (error) => {
  console.log('Backend error!!');
  // Do something with request error
  return Promise.reject(ApiError.axiosError(error));
});

/**
 * Configure axios instance used for backend API calls
 * @param apiUrl baseURL to the backend API (http://localhost:3000/proxy)
 * @param authToken OAuth authorization token
 */
export const configureBackendApi = ({apiUrl, accessToken, origin, timeout = 20000}: {apiUrl?: string, accessToken?: string, origin?: string, timeout?: number}) => {
  if (apiUrl) {
    console.log(`Using backend API baseURL ${apiUrl}`);
    axiosBackend.defaults.baseURL = apiUrl;
    console.log(`axiosBackend.defaults.headers`, axiosBackend.defaults.headers);
  }
  if (accessToken) {
    console.log(`Using backend API accessToken ..snip..`);
    axiosBackend.defaults.headers.common.Authorization = `Bearer ${accessToken}`;
  }
  if (origin) {
    console.log(`Using origin ${origin}`);
    axiosBackend.defaults.headers.common.Origin = origin;
  }
  console.log(`Using backend API timeout ${timeout}`);
  axiosBackend.defaults.timeout = timeout;
};