Nuxt-Authentifizierung
Auth-Strategien, JWT, Session-Management, OAuth, Middleware-Schutz, Refresh-Tokens, CSRF
1Was ist der Hauptunterschied zwischen JWT-Authentifizierung und sitzungsbasierter Authentifizierung in Nuxt?
Was ist der Hauptunterschied zwischen JWT-Authentifizierung und sitzungsbasierter Authentifizierung in Nuxt?
Antwort
JWT speichert Authentifizierungsinformationen clientseitig in einem signierten Token, während die sitzungsbasierte Authentifizierung Daten serverseitig mit einer Sitzungskennung in einem Cookie speichert. JWT ist stateless und skalierbar, gibt aber Daten im Token preis, während Sitzungen sicherer sind, aber serverseitigen Speicher (Redis, Datenbank) erfordern.
2Wie schützt man eine Nuxt-Seite, sodass sie nur für authentifizierte Benutzer zugänglich ist?
Wie schützt man eine Nuxt-Seite, sodass sie nur für authentifizierte Benutzer zugänglich ist?
Antwort
Die Verwendung von definePageMeta mit dem auth middleware schützt eine Seite. Das middleware prüft die Authentifizierung vor dem Rendering und leitet zur Login-Seite weiter, wenn der Benutzer nicht authentifiziert ist. Dieser Ansatz funktioniert sowohl bei SSR als auch bei CSR und bietet einen robusten Schutz.
3Was ist in einem OAuth2-Flow mit Nuxt die korrekte Reihenfolge der Authentifizierungsschritte?
Was ist in einem OAuth2-Flow mit Nuxt die korrekte Reihenfolge der Authentifizierungsschritte?
Antwort
Der OAuth2 Authorization Code Flow folgt dieser Reihenfolge: Weiterleitung zum Provider (Google, GitHub), Benutzerauthentifizierung, Callback mit Authorization Code, Austausch des Codes gegen einen Access Token auf der Serverseite. Diese sichere Abfolge vermeidet, sensible Tokens dem Client preiszugeben.
Warum sollte man in einer JWT-Authentifizierungsstrategie zusätzlich zu einem Access Token einen Refresh Token verwenden?
Was ist ein CSRF-Angriff und wie schützt man sich in einer Nuxt-Anwendung mit Session-basierter Authentifizierung davor?
+17 Interview-Fragen
Weitere Vue.js / Nuxt.js-Interviewthemen
JavaScript-Grundlagen
Modernes JavaScript (ES6+)
Vue-Grundlagen
Vue-Komponenten
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Vue-Reaktivität
Nuxt-Grundlagen
Nuxt Data Fetching
Nuxt SSR & SSG
Nuxt Server-Routes
Nuxt-Module
Vue Composables
Vue Formulare & Validierung
Nuxt State Management
Vue-Testing
Nuxt-Deployment & CI/CD
Vue-Performance
Fortgeschrittene Vue-Patterns
TypeScript mit Vue
SEO mit Nuxt
Nuxt-Internationalisierung
Vue-Architektur
Nuxt-Sicherheit
Vue-Ökosystem
Migration Vue 2→3 & Nuxt 2→3
Meistere Vue.js / Nuxt.js für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten