Estudio de Axios

• Soporte para la API Fetch moderna y antigua
• Transforma automáticamente datos JSON
• Intercepta solicitudes y respuestas

• Solicitudes HTTP desde el navegador
• Cliente HTTP en Node.js
• Promesas para peticiones asíncronas

Instalación: npm i axios

import axios from 'axios';
const { data } = await axios.get('https://api.example.com/items');
console.log(data);

1. GET con manejo de error

Trae datos de una API y captura errores de red/HTTP.

import axios from 'axios';

async function cargar() {
  try {
    const { data } = await axios.get('https://api.example.com/items');
    console.log(data);
  } catch (e) {
    console.error('Error:', e.response?.status ?? e.message);
  }
}

2. POST con JSON y headers

Envía un recurso nuevo al servidor con cabecera JSON.

import axios from 'axios';

const { data } = await axios.post(
  'https://api.example.com/items',
  { nombre: 'Teclado', precio: 25 },
  { headers: { 'Content-Type': 'application/json', Authorization: 'Bearer x' } }
);
console.log(data.id);