Автентифікація Nuxt
Стратегії auth, JWT, керування сесіями, OAuth, захист middleware, refresh token, CSRF
1Яка основна відмінність між автентифікацією JWT та автентифікацією на основі сесії в Nuxt?
Яка основна відмінність між автентифікацією JWT та автентифікацією на основі сесії в Nuxt?
Відповідь
JWT зберігає інформацію автентифікації на стороні клієнта в підписаному токені, тоді як автентифікація на основі сесії зберігає дані на стороні сервера з ідентифікатором сесії в cookie. JWT є stateless і масштабованим, але розкриває дані в токені, тоді як сесії безпечніші, але потребують сховища на стороні сервера (Redis, база даних).
2Як захистити сторінку Nuxt, щоб вона була доступна лише автентифікованим користувачам?
Як захистити сторінку Nuxt, щоб вона була доступна лише автентифікованим користувачам?
Відповідь
Використання definePageMeta з auth middleware захищає сторінку. Middleware перевіряє автентифікацію перед рендерингом і перенаправляє на сторінку login, якщо користувач не автентифікований. Цей підхід працює як у SSR, так і в CSR, забезпечуючи надійний захист.
3У OAuth2 flow з Nuxt яка правильна послідовність кроків автентифікації?
У OAuth2 flow з Nuxt яка правильна послідовність кроків автентифікації?
Відповідь
OAuth2 Authorization Code flow дотримується такої послідовності: перенаправлення до provider (Google, GitHub), автентифікація користувача, callback з authorization code, обмін code на access token на стороні сервера. Ця безпечна послідовність уникає розкриття чутливих token клієнту.
Чому в стратегії автентифікації JWT використовують refresh token на додачу до access token?
Що таке атака CSRF і як від неї захиститися в застосунку Nuxt з автентифікацією на основі session?
+17 питань зі співбесід
Інші теми співбесід Vue.js / Nuxt.js
Основи JavaScript
Сучасний JavaScript (ES6+)
Основи Vue
Компоненти Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Реактивність Vue
Основи Nuxt
Отримання даних у Nuxt
SSR і SSG у Nuxt
Серверні маршрути Nuxt
Модулі Nuxt
Composables у Vue
Форми та валідація Vue
Керування станом у Nuxt
Тестування Vue
Розгортання Nuxt та CI/CD
Продуктивність Vue
Просунуті патерни Vue
TypeScript із Vue
SEO з Nuxt
Інтернаціоналізація Nuxt
Архітектура Vue
Безпека Nuxt
Екосистема Vue
Міграція Vue 2→3 та Nuxt 2→3
Опануй Vue.js / Nuxt.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно