# React / Vite

Source : https://webgune.cloud/es-es/docs/web-react · Mis à jour le 2026-10-27

# React / Vite

La detección se basa en la presencia de `vite.config.js` o `vite.config.ts` (válida para React, Vue o Svelte servidos por Vite).

## Lo que ejecuta el builder automático

```bash
npm install
npm run build     # vite build → carpeta dist/
# el contenido de dist/ se sirve luego como archivos estáticos
```

A diferencia de un servidor Node clásico, no hay ningún proceso de aplicación que mantener corriendo tras el build: el resultado es HTML/CSS/JS estático.

## Variables de entorno

Vite solo expone al bundle las variables con prefijo `VITE_`:

```bash
VITE_API_URL=https://api.mi-dominio.com
VITE_APP_NAME=MiApp
```

```typescript
const apiUrl = import.meta.env.VITE_API_URL;
```

> Estas variables se inyectan **en el momento del build**, no en runtime. Cambiar su valor requiere un redespliegue para que se aplique.

## Enrutamiento en el cliente

Si usas React Router (o equivalente) en modo `BrowserRouter`, asegúrate de que el servicio redirija las rutas desconocidas hacia `index.html`; de lo contrario, refrescar en una ruta profunda devolverá un 404.