Error Handling

const response = await fetch('/api/v1/customers', {
  headers: { 'X-Api-Key': apiKey }
});

if (!response.ok) {
  const error = await response.json();
  throw new Error(`API Error: ${error.error.message}`);
}

return await response.json();

async function apiCallWithRetry(url, options, maxRetries = 3) {
  for (let i = 0; i < maxRetries; i++) {
    try {
      const response = await fetch(url, options);
      if (response.ok) return response;
      
      // Only retry on server errors (5xx)
      if (response.status >= 500) {
        const delay = Math.pow(2, i) * 1000; // Exponential backoff
        await new Promise(resolve => setTimeout(resolve, delay));
        continue;
      }
      
      throw new Error(`HTTP ${response.status}`);
    } catch (error) {
      if (i === maxRetries - 1) throw error;
      await new Promise(resolve => setTimeout(resolve, 1000 * (i + 1)));
    }
  }
}

function logApiError(error, context) {
  console.error({
    timestamp: new Date().toISOString(),
    error: {
      code: error.code,
      message: error.message,
      requestId: error.requestId
    },
    context: {
      endpoint: context.endpoint,
      method: context.method,
      userId: context.userId
    }
  });
}

function handleApiError(error) {
  switch (error.code) {
    case 'UNAUTHORIZED':
      // Redirect to login or refresh token
      redirectToLogin();
      break;
    case 'VALIDATION_ERROR':
      // Show user-friendly validation messages
      showValidationErrors(error.details);
      break;
    case 'NOT_FOUND':
      // Handle resource not found
      showNotFoundError(error.message);
      break;
    default:
      // Generic error handling
      showGenericError(error.message);
  }
}

YYYY-MM-DDTHH:mm:ss.sssZ