¿Cómo conectarías un front end en React con una API REST en Spring Boot?
Respuesta
- Lado Spring:
@RestController que devuelve JSON; configura CORS para el origen del front end (o sirve ambos desde el mismo origen); protege con Spring Security (JWT o cookies de sesión). - Lado React: llama a los endpoints con
fetch o axios dentro de useEffect o con una librería de datos (TanStack Query) y guarda los resultados en el estado. - Gestiona tres estados: cargando, error, éxito; comprueba
res.ok. - Autenticación: envía el token en el header
Authorization o usa cookies HttpOnly. - Desarrollo: proxy del servidor de Vite a
localhost:8080; producción: genera archivos estáticos y sírvelos bajo el mismo dominio o una CDN. - Contrato: acuerda los DTOs y el formato de error; considera OpenAPI (springdoc) para generar clientes tipados.
Practica esta pregunta en Repaso
