Connexion du frontend à une API distante

// 1. Récupération dynamique de l'URL selon l'environnement
const API_BASE_URL = import.meta.env.VITE_API_URL || 'https://api.monsite.com/v1';

// 2. Client HTTP résilient avec gestion du timeout et des erreurs
export async function fetchUsers() {
  const controller = new AbortController();
  const timeoutId = setTimeout(() => controller.abort(), 8000); // 8 secondes max

  try {
    const response = await fetch(API_BASE_URL + '/users', {
      method: 'GET',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      },
      signal: controller.signal
    });

    clearTimeout(timeoutId);

    if (!response.ok) {
      throw new Error('Erreur API (' + response.status + ') : ' + response.statusText);
    }

    return await response.json();
  } catch (error: any) {
    if (error.name === 'AbortError') {
      throw new Error('Le serveur backend met trop de temps à répondre (Timeout).');
    }
    throw error;
  }
}