การยืนยันตัวตน Nuxt
กลยุทธ์ auth, JWT, การจัดการ session, OAuth, การป้องกันด้วย middleware, refresh token, CSRF
1ความแตกต่างหลักระหว่างการยืนยันตัวตนด้วย JWT และการยืนยันตัวตนแบบ session ใน Nuxt คืออะไร?
ความแตกต่างหลักระหว่างการยืนยันตัวตนด้วย JWT และการยืนยันตัวตนแบบ session ใน Nuxt คืออะไร?
คำตอบ
JWT จัดเก็บข้อมูลการยืนยันตัวตนไว้ที่ฝั่งไคลเอนต์ในรูปของ token ที่เซ็นชื่อแล้ว ในขณะที่การยืนยันตัวตนแบบ session จัดเก็บข้อมูลไว้ที่ฝั่งเซิร์ฟเวอร์โดยมีตัวระบุ session อยู่ใน cookie JWT เป็นแบบ stateless และขยายขนาดได้แต่เปิดเผยข้อมูลใน token ในขณะที่ session ปลอดภัยกว่าแต่ต้องมีพื้นที่จัดเก็บที่ฝั่งเซิร์ฟเวอร์ (Redis, ฐานข้อมูล)
2จะป้องกันหน้า Nuxt ให้เข้าถึงได้เฉพาะผู้ใช้ที่ผ่านการยืนยันตัวตนแล้วได้อย่างไร?
จะป้องกันหน้า Nuxt ให้เข้าถึงได้เฉพาะผู้ใช้ที่ผ่านการยืนยันตัวตนแล้วได้อย่างไร?
คำตอบ
การใช้ definePageMeta ร่วมกับ auth middleware ช่วยป้องกันหน้าได้ middleware จะตรวจสอบการยืนยันตัวตนก่อนการ render และเปลี่ยนเส้นทางไปยังหน้า login หากผู้ใช้ยังไม่ได้ผ่านการยืนยันตัวตน วิธีนี้ทำงานได้ทั้งใน SSR และ CSR ให้การป้องกันที่แข็งแกร่ง
3ใน OAuth2 flow ที่ใช้ Nuxt ลำดับขั้นตอนการยืนยันตัวตนที่ถูกต้องคืออะไร?
ใน OAuth2 flow ที่ใช้ Nuxt ลำดับขั้นตอนการยืนยันตัวตนที่ถูกต้องคืออะไร?
คำตอบ
OAuth2 Authorization Code flow ทำตามลำดับนี้: เปลี่ยนเส้นทางไปยัง provider (Google, GitHub), การยืนยันตัวตนของผู้ใช้, callback พร้อม authorization code, แลก code เป็น access token ที่ฝั่ง server ลำดับที่ปลอดภัยนี้ช่วยหลีกเลี่ยงการเปิดเผย token ที่ละเอียดอ่อนให้กับ client
เหตุใดจึงควรใช้ refresh token เพิ่มเติมจาก access token ในกลยุทธ์การยืนยันตัวตนแบบ JWT?
การโจมตี CSRF คืออะไร และจะป้องกันมันในแอปพลิเคชัน Nuxt ที่ใช้การยืนยันตัวตนแบบ session ได้อย่างไร?
+17 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ Vue.js / Nuxt.js อื่นๆ
พื้นฐาน JavaScript
JavaScript สมัยใหม่ (ES6+)
พื้นฐาน Vue
คอมโพเนนต์ Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
ระบบ Reactivity ของ Vue
พื้นฐาน Nuxt
การดึงข้อมูล (Data Fetching) ใน Nuxt
SSR และ SSG ใน Nuxt
Server Routes ของ Nuxt
โมดูล Nuxt
Composables ใน Vue
ฟอร์มและการตรวจสอบ Vue
การจัดการสถานะใน Nuxt
การทดสอบ Vue
การ Deploy Nuxt และ CI/CD
ประสิทธิภาพของ Vue
รูปแบบขั้นสูงของ Vue
TypeScript กับ Vue
SEO ด้วย Nuxt
การทำ Internationalization ใน Nuxt
สถาปัตยกรรม Vue
ความปลอดภัยของ Nuxt
ระบบนิเวศ Vue
การย้าย Vue 2→3 & Nuxt 2→3
เชี่ยวชาญ Vue.js / Nuxt.js สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี