Axios config + CSRF Token

api.ts

/** Retrieve token cookie generated by backend */
const [cookieCsrfToken] = document.cookie.split('; ').filter((v) => /^xsrf-token=/.test(v));
const csrfToken = cookieCsrfToken.replace('xsrf-token=', '');

const DEFAULT_API_BASE_URL = `${process.env.API_BASE_URL}/api`;
const API_BASE_URL = process.env.NODE_ENV === 'development' && process.env.API_BASE_URL
  ? DEFAULT_API_BASE_URL
  : '/api';

/**
 * Creates a base axios instance
 */
const api = axios.create({
  baseURL: API_BASE_URL,
  responseType: 'json',
  xsrfHeaderName: 'X-XSRF-TOKEN',
  headers: {
    'X-XSRF-TOKEN': csrfToken,
  },
});