ความปลอดภัยของ Nuxt
การป้องกัน XSS, โทเค็น CSRF, Content Security Policy, การจำกัดอัตราการเรียก, การทำความสะอาดข้อมูลนำเข้า, security header
1โมดูล Nuxt Security คืออะไร?
โมดูล Nuxt Security คืออะไร?
คำตอบ
Nuxt Security เป็นโมดูลอย่างเป็นทางการที่กำหนดค่าแอปพลิเคชัน Nuxt 3 ให้ทำตามรูปแบบความปลอดภัยของ OWASP โดยอัตโนมัติด้วยการใช้ HTTP Headers และ Middleware ประกอบด้วยฟีเจอร์ต่าง ๆ เช่น CSP (Content Security Policy), rate limiting, การตรวจสอบ XSS, การป้องกัน CSRF และการตั้งค่า security header โมดูลนี้ใช้ค่าเริ่มต้นที่ปลอดภัยพร้อมทั้งอนุญาตให้ปรับแต่งแบบละเอียดต่อ route ผ่าน routeRules
2directive CSP เริ่มต้นสำหรับ script-src ใน Nuxt Security คืออะไร?
directive CSP เริ่มต้นสำหรับ script-src ใน Nuxt Security คืออะไร?
คำตอบ
directive script-src เริ่มต้นใช้ 'self' (สคริปต์ same-origin), https: (สคริปต์ HTTPS), 'unsafe-inline' (สคริปต์ inline), 'strict-dynamic' (การอนุญาตสคริปต์แบบไดนามิก) และ 'nonce-{{nonce}}' (nonce สำหรับสคริปต์ inline ใน SSR) การผสมผสานนี้สร้างสมดุลระหว่างความปลอดภัยและความเข้ากันได้ แม้ว่าจะแนะนำให้ใช้ 'strict-dynamic' เพื่อความปลอดภัยที่เข้มงวดใน production
3nonce ในบริบทของ Content Security Policy คืออะไร?
nonce ในบริบทของ Content Security Policy คืออะไร?
คำตอบ
nonce (number used once) คือโทเค็นสุ่มที่ไม่ซ้ำกันซึ่งสร้างขึ้นที่ฝั่งเซิร์ฟเวอร์สำหรับแต่ละคำขอ และรวมอยู่ทั้งใน CSP header และแท็ก script inline มันอนุญาตเฉพาะสคริปต์ inline ที่มี nonce เฉพาะนี้เท่านั้น จึงบล็อกสคริปต์ที่ถูกฉีดผ่าน XSS ซึ่งจะไม่มี nonce ที่ถูกต้อง ใน Nuxt Security nonce จะเปิดใช้งานเป็นค่าเริ่มต้นใน SSR ด้วย security.nonce: true และ placeholder 'nonce-{{nonce}}' ใน script-src
HTTP header ใดที่ป้องกันการโจมตีแบบ clickjacking?
ความแตกต่างระหว่าง SSR และ SSG สำหรับ Content Security Policy ใน Nuxt Security คืออะไร?
+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
การยืนยันตัวตน Nuxt
SEO ด้วย Nuxt
การทำ Internationalization ใน Nuxt
สถาปัตยกรรม Vue
ระบบนิเวศ Vue
การย้าย Vue 2→3 & Nuxt 2→3
เชี่ยวชาญ Vue.js / Nuxt.js สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี