Zum Hauptinhalt springen

API-Muster

Ziel​

Web, Android und iOS (Capacitor WebView) nutzen denselben Server.

Für wen​

Frontend-Entwickler.

Wo in der App​

Alle API-Aufrufe in src/; Base-URL via apiBase Helper.

Voraussetzungen​

Verständnis von Vite base: './' für relative Assets.

Schritt für Schritt​

  1. Import { apiFetch, apiUrl } from src/lib/apiBase.
  2. Ersetzen Sie fetch('/api/...') durch apiFetch('/api/...').
  3. Bilder/statische API-Pfade via apiUrl(path).
  4. Kein hard-coded routineassist.com in Komponenten — Env/Base Resolver.
  5. Im Browser UND Android-Emulator testen nach Änderung.
  6. CORS: Server muss Capacitor-Origin erlauben.
  7. Cap sync nach Asset/Route-Änderung: npm run cap:sync.

Optionen & Einstellungen​

Relative Bild-URLs brechen auf Android file origin — immer apiUrl.

Tipps & häufige Probleme​

Grep nach fetch('/api und src="/uploads vor Release.

Siehe auch​