1. Curso de Vue
  2. /
  3. Configurando la aplicación. Trabajando con APIs y Axios
  4. /
  5. Axios vs llamadas nativas
1 / 1

Axios vs llamadas nativas

Axios vs fetch

Usando llamadas nativas (Promise o fetch)


fetch("http://api.com", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify(data),
})
.then((response) => response.json())
.catch((error) => console.log(error));

Con axios

Vemos poca ventaja de primeras, es bastante similar aunque podemos enviar datos sin tener que transformarlos


axios({
  url: "http://api.com",
  method: "POST",
  header: {
    "Content-Type": "application/json",
  },
  data: { name: "Holyguard", age: 45 },
})
.then((response)=>console.log(response))
.catch((error) => ... );

Para llamadas más complicadas, como progresos de carga o descarga, sí hay más ventajas. Ejemplo de carga. Ejemplo de descarga