Error-Mapping und Retry
Ein direktes fetch-Call, das JSON ins Template wirft, ist kein API-Layer – es ist ein Wartungsproblem. DTOs, strukturiertes Error-Mapping und Retry-Logik machen die Vue REST API-Integration zu einer stabilen Schicht, auf die man sich verlassen kann.
Inhaltsverzeichnis
- 1. Warum ein strukturierter Vue REST API-Layer unverzichtbar ist
- 2. DTO-Denken: Typensicherheit zwischen API und UI
- 3. Axios-Client konfigurieren: Interceptors und Basis-Setup
- 4. Repository-Pattern: API-Calls kapseln und testbar machen
- 5. Error-Mapping: von HTTP-Fehlern zu App-Fehlern
- 6. Retry-Strategien: Exponential Backoff und idempotente Requests
- 7. useApi-Composable: Ladezustand und Fehler reaktiv verwalten
- 8. Optimistische UI ohne GraphQL: manueller State-Rollback
- 9. HTTP-Client-Optionen im Vergleich