Nuxt-authenticatie
Auth-strategieën, JWT, sessiebeheer, OAuth, middleware-bescherming, refresh tokens, CSRF
1Wat is het belangrijkste verschil tussen JWT-authenticatie en sessiegebaseerde authenticatie in Nuxt?
Wat is het belangrijkste verschil tussen JWT-authenticatie en sessiegebaseerde authenticatie in Nuxt?
Antwoord
JWT slaat authenticatie-informatie aan de clientzijde op in een ondertekend token, terwijl sessiegebaseerde authenticatie gegevens aan de serverzijde opslaat met een sessie-identifier in een cookie. JWT is stateless en schaalbaar maar legt gegevens in het token bloot, terwijl sessies veiliger zijn maar opslag aan de serverzijde vereisen (Redis, database).
2Hoe bescherm je een Nuxt-pagina zodat deze alleen toegankelijk is voor geauthenticeerde gebruikers?
Hoe bescherm je een Nuxt-pagina zodat deze alleen toegankelijk is voor geauthenticeerde gebruikers?
Antwoord
Het gebruik van definePageMeta met de auth middleware beschermt een pagina. De middleware controleert de authenticatie vóór het renderen en stuurt door naar de loginpagina als de gebruiker niet geauthenticeerd is. Deze aanpak werkt zowel bij SSR als CSR en biedt robuuste bescherming.
3Wat is in een OAuth2-flow met Nuxt de juiste volgorde van de authenticatiestappen?
Wat is in een OAuth2-flow met Nuxt de juiste volgorde van de authenticatiestappen?
Antwoord
De OAuth2 Authorization Code flow volgt deze volgorde: doorverwijzing naar de provider (Google, GitHub), gebruikersauthenticatie, callback met authorization code, uitwisseling van de code voor een access token aan de serverkant. Deze veilige volgorde voorkomt dat gevoelige tokens aan de client worden blootgesteld.
Waarom gebruik je een refresh token naast een access token in een JWT-authenticatiestrategie?
Wat is een CSRF-aanval en hoe bescherm je je ertegen in een Nuxt-applicatie met session-gebaseerde authenticatie?
+17 gespreksvragen
Andere Vue.js / Nuxt.js-sollicitatieonderwerpen
JavaScript-grondbeginselen
Modern JavaScript (ES6+)
Vue-basisbeginselen
Vue-componenten
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Vue-reactiviteit
Nuxt-grondbeginselen
Data Fetching in Nuxt
Nuxt SSR & SSG
Nuxt Server Routes
Nuxt-modules
Vue Composables
Vue formulieren & validatie
Nuxt-statusbeheer
Vue Testing
Nuxt-deployment & CI/CD
Vue-prestaties
Geavanceerde Vue-patronen
TypeScript met Vue
SEO met Nuxt
Nuxt-internationalisatie
Vue-architectuur
Nuxt-beveiliging
Vue-ecosysteem
Migratie Vue 2→3 & Nuxt 2→3
Beheers Vue.js / Nuxt.js voor je volgende gesprek
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis