Autentikasi Nuxt
Strategi auth, JWT, manajemen sesi, OAuth, proteksi middleware, refresh token, CSRF
1Apa perbedaan utama antara autentikasi JWT dan autentikasi berbasis sesi di Nuxt?
Apa perbedaan utama antara autentikasi JWT dan autentikasi berbasis sesi di Nuxt?
Jawaban
JWT menyimpan informasi autentikasi di sisi klien dalam token bertanda tangan, sedangkan autentikasi berbasis sesi menyimpan data di sisi server dengan pengidentifikasi sesi dalam cookie. JWT bersifat stateless dan scalable tetapi mengekspos data dalam token, sedangkan sesi lebih aman tetapi memerlukan penyimpanan di sisi server (Redis, basis data).
2Bagaimana cara melindungi halaman Nuxt agar hanya dapat diakses oleh pengguna yang terautentikasi?
Bagaimana cara melindungi halaman Nuxt agar hanya dapat diakses oleh pengguna yang terautentikasi?
Jawaban
Menggunakan definePageMeta dengan auth middleware akan melindungi sebuah halaman. Middleware memeriksa autentikasi sebelum rendering dan mengarahkan ke halaman login jika pengguna belum terautentikasi. Pendekatan ini bekerja baik pada SSR maupun CSR, memberikan perlindungan yang kuat.
3Dalam flow OAuth2 dengan Nuxt, bagaimana urutan langkah autentikasi yang benar?
Dalam flow OAuth2 dengan Nuxt, bagaimana urutan langkah autentikasi yang benar?
Jawaban
Flow OAuth2 Authorization Code mengikuti urutan ini: redirect ke provider (Google, GitHub), autentikasi pengguna, callback dengan authorization code, menukar code dengan access token di sisi server. Urutan yang aman ini menghindari pengeksposan token sensitif ke klien.
Mengapa menggunakan refresh token selain access token dalam strategi autentikasi JWT?
Apa itu serangan CSRF dan bagaimana cara melindungi diri darinya dalam aplikasi Nuxt dengan autentikasi berbasis session?
+17 pertanyaan wawancara
Topik wawancara Vue.js / Nuxt.js lainnya
Dasar-Dasar JavaScript
JavaScript Modern (ES6+)
Dasar-Dasar Vue
Komponen Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reaktivitas Vue
Dasar-Dasar Nuxt
Data Fetching Nuxt
SSR & SSG Nuxt
Server Routes Nuxt
Modul Nuxt
Composable Vue
Form & Validasi Vue
Manajemen State Nuxt
Testing Vue
Deployment Nuxt & CI/CD
Performa Vue
Pola Lanjutan Vue
TypeScript dengan Vue
SEO dengan Nuxt
Internasionalisasi Nuxt
Arsitektur Vue
Keamanan Nuxt
Ekosistem Vue
Migrasi Vue 2→3 & Nuxt 2→3
Kuasai Vue.js / Nuxt.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis