web/src/utils/Fetcher.ts

import axios from 'axios'
import { RETRY_COUNT } from './Constant'

export const apiUrl = `${localStorage.getItem('API_URL') || process.env.REACT_APP_API_URL || ''}/api/v1`

export const req = axios.create({
  baseURL: apiUrl,
  withCredentials: true
})

req.interceptors.response.use(response => {
  try {
    const requests = [...JSON.parse(sessionStorage.getItem('requests') || '[]'), {
      date: new Date().toISOString(), ref: location.href, ...response
    }]
    sessionStorage.setItem('requests', JSON.stringify(requests.slice(-200)))
  } catch (error) {
    // ignore
  }
  return response
}, async error => {
  try {
    const requests = [...JSON.parse(sessionStorage.getItem('requests') || '[]'), {
      date: new Date().toISOString(), ref: location.href, ...error
    }]
    sessionStorage.setItem('requests', JSON.stringify(requests.slice(-200)))
  } catch (error) {
    // ignore
  }

  if (!error.response) {
    throw error
  }

  const { config, response: { status, data } } = error
  if (status === 401 && data?.details?.errorMessage !== 'SESSION_PASSWORD_NEEDED') {
    try {
      await req.post('/auth/refreshToken')
    } catch (_error) {
      throw error
    }
    return await req(config)
  } else if (status === 429) {
    await new Promise(res => setTimeout(res, data.retryAfter || 1000))
    return await req(config)
  } else if (status > 500) {
    config.headers = {
      ...config?.headers || {},
      'x-retry-count': config.headers['x-retry-count'] || 0
    }
    if (config.headers['x-retry-count'] < RETRY_COUNT) {
      await new Promise(res => setTimeout(res, ++config.headers['x-retry-count'] * 3000))
      return await req(config)
    }
  }
  throw error
})

export const fetcher = async (url: string, authorization?: string): Promise<any> => {
  const fetch = async () => {
    const { data } = await req.get(url, {
      ...authorization ? { headers: { authorization: `Bearer ${authorization}` } } : {},
      withCredentials: true })
    return data
  }

  try {
    return await fetch()
  } catch ({ response }) {
    throw response
  }
}