caremyway-client/src/api/baseApi.js

import axios from "axios";

const API_ENDPOINT = process.env.REACT_APP_API_ENDPOINT;

// If testing, use localStorage polyfill, else use browser localStorage
const localStorage = global.process && process.env.NODE_ENV === "test"
  ? // eslint-disable-next-line import/no-extraneous-dependencies
    require("localStorage")
  : global.window.localStorage;

function headers() {
  const token = localStorage.getItem("token") || "";

  return {
    Accept: "application/json",
    "Content-Type": "application/json",
    Authorization: `Token: ${token}`
  };
}

const apiInstance = axios.create({
  baseURL: API_ENDPOINT,
  timeout: 3000,
});

export function get(url, params = {}) {
  return apiInstance
    .get(url, {params, headers: headers()})
    .then(response => response.data)
    .catch(error => Promise.reject(error));
}

export function post(url, data) {
  return apiInstance
    .post(url, data, {headers: headers()})
    .then(response => response.data)
    .catch(error => Promise.reject(error));
}

export function patch(url, data) {
  return apiInstance
    .patch(url, data, {headers: headers()})
    .then(response => response.data)
    .catch(error => Promise.reject(error));
}

export function del(url) {
  return apiInstance
    .delete(url, {headers: headers()})
    .then(response => response.data)
    .catch(error => Promise.reject(error));
}