search

Found

info Aperçu

Collez une commande curl et convertissez-la en fetch ou axios JavaScript. L'outil lit méthode, en-têtes, corps JSON et authentification, puis bascule de style.

📘 Mode d'emploi

  1. Collez votre commande curl dans le champ de saisie de gauche
  2. Sélectionnez l'onglet fetch ou axios pour changer le style de sortie
  3. Lisez le code JavaScript généré dans le champ de droite

Convertisseur curl vers fetch/axios

Copié !
Article

Convertisseur curl vers fetch/axios | Transformez les requêtes API en code JS

Collez une commande curl récupérée dans une documentation, un README ou une réponse Stack Overflow, et obtenez l'appel JavaScript équivalent en fetch ou axios. L'outil lit la méthode, les en-têtes, le corps JSON et l'authentification basique, puis vous laisse basculer entre les deux styles.

💡 À propos de cet outil

Les documentations d'API présentent presque toujours leurs exemples sous forme de curl. Au moment de porter cela dans le code front-end, on se retrouve à transposer à la main les options -H vers un objet headers, -d vers un body et -u vers un en-tête Authorization : une tâche répétitive et facile à rater, notamment sur les guillemets et sur le passage implicite de GET à POST que curl applique dès qu'un corps est présent.

Ce convertisseur analyse les options courantes de curl (-X / --request, -H / --header, la famille -d, -u / --user, -b / --cookie, -I / --head) et produit le code fetch ou axios correspondant. Si le corps est un JSON valide, il l'enveloppe dans JSON.stringify(...) ; sinon il le conserve comme chaîne. Les options inconnues sont ignorées plutôt que de bloquer l'analyse.

Tout est traité dans votre navigateur en JavaScript pur, la commande — y compris les jetons ou les noms d'hôte internes — ne quitte donc jamais la page.

🧐 Questions fréquentes

Q. Quand faut-il préférer fetch à axios ? fetch est intégré au navigateur et ne demande aucune dépendance ; axios apporte des commodités comme le parsing JSON automatique et les intercepteurs. Générez les deux et comparez-les pour respecter les conventions de votre projet.

Q. Gère-t-il les commandes curl sur plusieurs lignes avec une barre oblique inverse en fin de ligne ? Oui. Les continuations de ligne (\ en fin de ligne) sont fusionnées avant l'analyse, donc une commande bien formatée copiée d'une documentation fonctionne telle quelle.

Q. Comment -u utilisateur:motdepasse est-il converti ? Pour fetch, il construit un en-tête Authorization sous la forme Basic ${btoa('utilisateur:motdepasse')}. Pour axios, il décompose la valeur en un objet auth: { username, password }.

Q. Que deviennent les options non reconnues ? Les options non prises en charge sont ignorées et la conversion se poursuit avec l'URL et les options comprises. Vous pouvez toujours compléter le reste à la main ensuite.

Q. Les paramètres de requête de l'URL sont-ils conservés ? Oui. L'URL est transmise telle quelle comme premier argument de fetch ou d'axios, paramètres de requête compris, sans être découpée.

📚 Le saviez-vous

curl a été publié par Daniel Stenberg en 1998 et équipe aujourd'hui pratiquement tous les serveurs et appareils embarqués de la planète, ce qui en fait l'un des logiciels les plus déployés de l'histoire. L'API fetch du navigateur est arrivée bien plus tard, en 2015, comme remplaçant moderne de XMLHttpRequest. Traduire un appel curl qui fonctionne vers du code front-end est l'une des tâches de transition les plus fréquentes quand on passe de « l'API répond » à « l'interface dialogue avec elle », et axios comble depuis longtemps l'écart entre les deux grâce à son objet de configuration ergonomique.