# ความปลอดภัยของ Nuxt (Vue.js / Nuxt.js)

> การป้องกัน XSS, โทเค็น CSRF, Content Security Policy, การจำกัดอัตราการเรียก, การทำความสะอาดข้อมูลนำเข้า, security header

- 20 คำถามสัมภาษณ์
- Senior
- [คำถามสัมภาษณ์: Vue.js / Nuxt.js](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions.md)

## 1. โมดูล Nuxt Security คืออะไร?

**คำตอบ**

Nuxt Security เป็นโมดูลอย่างเป็นทางการที่กำหนดค่าแอปพลิเคชัน Nuxt 3 ให้ทำตามรูปแบบความปลอดภัยของ OWASP โดยอัตโนมัติด้วยการใช้ HTTP Headers และ Middleware ประกอบด้วยฟีเจอร์ต่าง ๆ เช่น CSP (Content Security Policy), rate limiting, การตรวจสอบ XSS, การป้องกัน CSRF และการตั้งค่า security header โมดูลนี้ใช้ค่าเริ่มต้นที่ปลอดภัยพร้อมทั้งอนุญาตให้ปรับแต่งแบบละเอียดต่อ route ผ่าน routeRules

## 2. 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

## 3. 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

## มีอีก 17 คำถาม

- HTTP header ใดที่ป้องกันการโจมตีแบบ clickjacking?
- ความแตกต่างระหว่าง SSR และ SSG สำหรับ Content Security Policy ใน Nuxt Security คืออะไร?

สมัครฟรี: https://sharpskill.dev/th/login

## หัวข้อสัมภาษณ์ Vue.js / Nuxt.js อื่นๆ

- [พื้นฐาน JavaScript](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/javascript-fundamentals.md): 20 คำถาม, Junior
- [JavaScript สมัยใหม่ (ES6+)](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/es6-modern-javascript.md): 20 คำถาม, Junior
- [พื้นฐาน Vue](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/vue-basics.md): 22 คำถาม, Junior
- [คอมโพเนนต์ Vue](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/vue-components.md): 20 คำถาม, Junior
- [Vue Router](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/vue-router.md): 18 คำถาม, Junior
- [Pinia State Management](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/pinia-state-management.md): 20 คำถาม, Junior
- [Vuex (Legacy)](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/vuex-legacy.md): 15 คำถาม, Mid-Level
- [Composition API](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/composition-api.md): 24 คำถาม, Mid-Level
- [ระบบ Reactivity ของ Vue](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/vue-reactivity.md): 20 คำถาม, Mid-Level
- [พื้นฐาน Nuxt](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/nuxt-fundamentals.md): 22 คำถาม, Mid-Level
- [การดึงข้อมูล (Data Fetching) ใน Nuxt](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/nuxt-data-fetching.md): 20 คำถาม, Mid-Level
- [SSR และ SSG ใน Nuxt](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/nuxt-ssr-ssg.md): 22 คำถาม, Mid-Level
- [Server Routes ของ Nuxt](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/nuxt-server-routes.md): 20 คำถาม, Mid-Level
- [โมดูล Nuxt](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/nuxt-modules.md): 18 คำถาม, Mid-Level
- [Composables ใน Vue](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/vue-composables.md): 20 คำถาม, Mid-Level
- [ฟอร์มและการตรวจสอบ Vue](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/vue-forms-validation.md): 20 คำถาม, Mid-Level
- [การจัดการสถานะใน Nuxt](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/nuxt-state-management.md): 18 คำถาม, Mid-Level
- [การทดสอบ Vue](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/vue-testing.md): 20 คำถาม, Mid-Level
- [การ Deploy Nuxt และ CI/CD](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/nuxt-deployment-cicd.md): 22 คำถาม, Mid-Level
- [ประสิทธิภาพของ Vue](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/vue-performance.md): 22 คำถาม, Senior
- [รูปแบบขั้นสูงของ Vue](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/vue-advanced-patterns.md): 24 คำถาม, Senior
- [TypeScript กับ Vue](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/typescript-vue.md): 22 คำถาม, Senior
- [การยืนยันตัวตน Nuxt](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/nuxt-auth.md): 20 คำถาม, Senior
- [SEO ด้วย Nuxt](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/nuxt-seo.md): 20 คำถาม, Senior
- [การทำ Internationalization ใน Nuxt](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/nuxt-i18n.md): 18 คำถาม, Senior
- [สถาปัตยกรรม Vue](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/vue-architecture.md): 22 คำถาม, Senior
- [ระบบนิเวศ Vue](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/vue-ecosystem.md): 18 คำถาม, Senior
- [การย้าย Vue 2→3 & Nuxt 2→3](https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/migration-vue2-vue3-nuxt2-nuxt3.md): 22 คำถาม, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/th/technologies/vue-nuxt/interview-questions/nuxt-security