#28 refactor(api): using axios instead fetch.

src/services/http.js

@@ -0,0 +1,48 @@
+import axios from 'axios';
+import AuthService from '@/services/auth';
+
+const http = axios.create({
+  baseURL: import.meta.env.VITE_DJANGO_BASE_URL, // ← raíz del API
+  headers: {
+    'Content-Type': 'application/json',
+  },
+});
+
+http.interceptors.request.use(
+  config => {
+    const token = AuthService.getAccessToken();
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`;
+    }
+    return config;
+  },
+  error => Promise.reject(error)
+);
+
+http.interceptors.response.use(
+  response => response, // paso directo si todo está OK
+  async error => {
+    const originalRequest = error.config;
+
+    // Sólo intentamos refrescar una vez
+    if (error.response?.status === 401 && !originalRequest._retry) {
+      originalRequest._retry = true;
+      try {
+        const newAccess = await AuthService.refresh(); // guarda el nuevo token
+        // vuelve a colocar el header actualizado
+        originalRequest.headers.Authorization = `Bearer ${newAccess}`;
+        return http.request(originalRequest); // re‑intenta la petición
+      } catch (refreshError) {
+        // Si el refresh falla, forzamos logout
+        AuthService.logout();
+        // opcional: redirigir al login
+        window.location.href = '/login';
+        return Promise.reject(refreshError);
+      }
+    }
+
+    return Promise.reject(error);
+  }
+);
+
+export default http;