fetch

fetch.js

async function getStuff(token) {
  const body = {}
  // wrap in try / catch so we can resolve any network failures
  try { 
    // initial request
    const result = await fetch(`https://example.com/api/v1`, {
      headers: {
        "x-CSRF-Token": token,
        "Content-Type": "application/json"
     },
     body: JSON.stringify(body)
    })
    // API will return any errors in the first call
    if(!result.ok) {
      console.error(`The API is not OK`);
      return false
    }
    const data = await result.json()
    // Don't just assume the data is going to be there
    if(!data ?? data.error) {
      console.error(`The API returned an error: ${data.error.message}`);
      return false;
    }
    // OK no erros so we assume the payload is what we needed
    return data
  // handle any network errors
  } catch (error) {
     console.error('there was a network error')
    return false // or whatever
  }
}