Ga naar hoofdinhoud

API-patronen

Doel​

Web, Android én iOS (Capacitor WebView) werken tegen dezelfde server.

Voor wie​

Frontend developers.

Waar in de app​

Alle API calls in src/; base URL via apiBase helper.

Voorwaarden​

Begrip van Vite base: './' voor relatieve assets.

Stap-voor-stap​

  1. Import { apiFetch, apiUrl } from src/lib/apiBase.
  2. Vervang fetch('/api/...') door apiFetch('/api/...').
  3. Afbeeldingen/static API paths via apiUrl(path).
  4. Geen hard-coded routineassist.com in componenten — env/base resolver.
  5. Test in browser EN Android emulator na wijziging.
  6. CORS: server moet Capacitor origin toestaan.
  7. Cap sync na asset/route wijziging: npm run cap:sync.

Opties & instellingen​

Relative image URLs breken op Android file origin — altijd apiUrl.

Tips & veelvoorkomende problemen​

Grep op fetch('/api en src: href="/uploads` vóór release.

Zie ook​