Référence technique et guide d'architecture

Aide-mémoire cURL vers JavaScript Fetch & Axios — Guide de référence

Transformez vos commandes cURL brutes en code JavaScript Fetch, TypeScript, Axios et Node.js idiomatique. Gestion CORS, vérification de statut et confidentialité totale.

Paramètres clés et contrôles

rawCurlstring

Commande cURL brute issue du terminal ou des outils réseau du navigateur.

Par défaut : Auto
wrapInFunctionboolean

Englobe l'appel dans une fonction asynchrone réutilisable.

Par défaut : true
checkResponseOkboolean

Ajoute un contrôle de response.ok pour intercepter les statuts HTTP 4xx et 5xx.

Par défaut : true
formatJsonAsObjectboolean

Met en forme le corps JSON sous forme d'objet JavaScript natif.

Par défaut : true

Conseils de pro et bonnes practices

Contourner les restrictions CORS du navigateur

cURL s'exécute sans contrôle CORS. Si le navigateur bloque l'accès, exécutez la requête depuis une fonction serveur ou API Route.

Toujours tester response.ok avec Fetch

Contrairement à Axios, Fetch ne rejette pas les statuts 404 ou 500. Vérifiez systématiquement response.ok avant de lire le JSON.

Gestion des délais d'expiration avec AbortSignal.timeout

Passez signal: AbortSignal.timeout(5000) dans les options de fetch pour prévenir les requêtes infinies.

Pièges courants et dépannage

'TypeError: Failed to fetch' affiché dans la console

Examinez les erreurs CORS ou les conflits de protocole mixte (HTTP vs HTTPS) dans l'inspecteur réseau.

Le corps JSON est envoyé sous forme de chaîne échappée

Activez l'option de formatage JSON en objet et contrôlez la présence de Content-Type: application/json.

Foire aux questions (FAQ)

Comment l'authentification cURL (-u user:pass) est-elle traduite en Fetch ?▼

Elle génère l'en-tête Authorization: Basic <base64> encodé via btoa('user:pass') dans le navigateur ou Buffer sous Node.js.

Pourquoi Fetch nécessite-t-il await response.json() ?▼

Fetch transmet le corps de réponse sous forme de ReadableStream. La méthode .json() consomme ce flux de manière asynchrone.

Le convertisseur prend-il en charge les barres obliques inverses (\) ?▼

Oui, il nettoie les sauts de ligne avec antislashs (\), accents circonflexes (^) et backticks (`) sans perte de paramètres.

Mes jetons d'autorisation sont-ils envoyés à un serveur ?▼

Absolument pas. Tout le traitement est exécuté localement dans votre navigateur.

Outils et utilitaires connexes

Tous les outils →