# React / Vite

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

# React / Vite

Die Erkennung stützt sich auf das Vorhandensein von `vite.config.js` oder `vite.config.ts` (gültig für React, Vue oder Svelte, die von Vite bereitgestellt werden).

## Was der Auto-Builder ausführt

```bash
npm install
npm run build     # vite build → dist/-Ordner
# der Inhalt von dist/ wird anschließend als statische Dateien bereitgestellt
```

Im Gegensatz zu einem klassischen Node-Server gibt es nach dem Build keinen Anwendungsprozess, der laufen muss: das Ergebnis ist statisches HTML/CSS/JS.

## Umgebungsvariablen

Vite exponiert dem Bundle nur die mit `VITE_` vorangestellten Variablen:

```bash
VITE_API_URL=https://api.meine-domain.com
VITE_APP_NAME=MeineApp
```

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

> Diese Variablen werden **zum Build-Zeitpunkt** injiziert, nicht zur Laufzeit. Um eine Wertänderung zu übernehmen, ist ein Redeployment erforderlich.

## Client-seitiges Routing

Wenn Sie React Router (oder Äquivalent) im Modus `BrowserRouter` verwenden, stellen Sie sicher, dass der Dienst unbekannte Routen auf `index.html` umleitet, sonst führt ein Neuladen einer tiefen Route zu einer 404.