wallabicher/web/dashboard/CONFIGURACION_BACKEND.md

Configuración del Backend

Este documento explica cómo configurar el frontend para conectarse a diferentes backends.

Configuración mediante Variables de Entorno

El frontend usa la variable de entorno VITE_API_BASE_URL para determinar la URL del backend.

Para desarrollo local (por defecto)

Si no defines VITE_API_BASE_URL, el frontend usará /api que será manejado por el proxy de Vite configurado en vite.config.js (redirige a http://localhost:3001).

Para backend en producción

Crea un archivo .env.local en la raíz del directorio frontend con el siguiente contenido:

VITE_API_BASE_URL=https://wb.pribyte.cloud/api

Nota: Los archivos .env.local están en .gitignore y no se subirán al repositorio.

Cómo usar

1. Desarrollo local:

   • No necesitas hacer nada, funciona por defecto con el proxy de Vite

2. Backend en producción:

   • Crea el archivo .env.local con la URL del backend
   • Reinicia el servidor de desarrollo (npm run dev) para que cargue las nuevas variables

Ejemplo de archivo .env.local

# Backend en producción
VITE_API_BASE_URL=https://wb.pribyte.cloud/api

Notas importantes

• Las variables de entorno que empiezan con VITE_ son expuestas al código del cliente
• Después de modificar .env.local, necesitas reiniciar el servidor de desarrollo
• El WebSocket también se configurará automáticamente basándose en la URL del backend