45 lines
1.4 KiB
Markdown
45 lines
1.4 KiB
Markdown
# 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:
|
|
|
|
```bash
|
|
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`
|
|
|
|
```bash
|
|
# 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
|
|
|