search

Found

info Descripción

Pega un comando curl y conviértelo en código JavaScript fetch o axios. Lee método, cabeceras, cuerpo JSON y autenticación, y alterna entre ambos estilos.

📘 Cómo usar

  1. Pega tu comando curl en el cuadro de entrada de la izquierda
  2. Selecciona la pestaña fetch o axios para cambiar el estilo de salida
  3. Revisa el código JavaScript generado en el cuadro de la derecha

Conversor curl a fetch/axios

¡Copiado!
Article

Conversor de curl a fetch/axios | Convierte peticiones API en código JS

Pega un comando curl copiado de la documentación, un README o una respuesta de Stack Overflow y obtén la llamada equivalente en JavaScript con fetch o axios. La herramienta lee el método, las cabeceras, el cuerpo JSON y la autenticación básica, y te permite alternar entre ambos estilos.

💡 Sobre esta herramienta

La documentación de las APIs casi siempre muestra ejemplos en curl. Al llevar eso al código del front-end, terminas mapeando a mano las opciones -H a un objeto headers, -d a un body y -u a una cabecera Authorization: una tarea repetitiva y propensa a errores, sobre todo con las comillas y con el cambio implícito de GET a POST que curl aplica cuando hay un cuerpo.

Este conversor analiza las opciones habituales de curl (-X / --request, -H / --header, la familia -d, -u / --user, -b / --cookie, -I / --head) y genera el código fetch o axios correspondiente. Si el cuerpo es JSON válido lo envuelve en JSON.stringify(...); si no, lo trata como una cadena. Las opciones desconocidas se omiten en lugar de romper el análisis.

Todo se procesa en tu navegador con JavaScript puro, así que el comando —incluidos tokens o nombres de host internos— nunca sale de la página.

🧐 Preguntas Frecuentes

P. ¿Cuándo conviene elegir fetch en lugar de axios? fetch viene integrado en el navegador y no requiere dependencias; axios añade comodidades como el parseo automático de JSON y los interceptores. Genera ambos y compáralos para ajustarte a las convenciones de tu proyecto.

P. ¿Soporta comandos curl de varias líneas con barra invertida al final? Sí. Las continuaciones de línea (\ al final) se unen antes de analizar, por lo que un comando bien formateado copiado de la documentación funciona tal cual.

P. ¿Cómo se traduce -u usuario:clave? En fetch construye una cabecera Authorization como Basic ${btoa('usuario:clave')}. En axios separa el valor en un objeto auth: { username, password }.

P. ¿Qué pasa con las opciones que la herramienta no reconoce? Las opciones no soportadas se ignoran y la conversión continúa usando la URL y las opciones que sí entiende. Siempre puedes completar el resto manualmente.

P. ¿Se conservan los parámetros de consulta de la URL? Sí. La URL se pasa directamente como primer argumento a fetch o axios, incluidos los parámetros de consulta, sin descomponerla.

📚 Datos Curiosos

curl fue publicado por Daniel Stenberg en 1998 y hoy se incluye en prácticamente todos los servidores y dispositivos integrados del mundo, siendo uno de los programas más desplegados de la historia. La API fetch del navegador llegó mucho después, en 2015, como reemplazo moderno de XMLHttpRequest. Traducir una llamada curl que funciona al código del front-end es una de las tareas puente más frecuentes al pasar de «la API responde» a «la interfaz se comunica con ella», y axios ha cubierto durante años ese hueco con su objeto de configuración tan cómodo.