Server Routes ของ Nuxt
API routes, server middleware, event handlers, H3, request/response, การจัดการข้อผิดพลาด, การตรวจสอบความถูกต้อง
1ควรสร้างไฟล์ในไดเรกทอรีใดเพื่อเปิดให้เข้าถึง API route ที่ /api/users?
ควรสร้างไฟล์ในไดเรกทอรีใดเพื่อเปิดให้เข้าถึง API route ที่ /api/users?
คำตอบ
API route ใน Nuxt ถูกสร้างในไดเรกทอรี server/api/ ทุกไฟล์ที่ export event handler จะเข้าถึงได้โดยอัตโนมัติผ่าน /api/ ตามด้วยชื่อไฟล์ ข้อกำหนดนี้ช่วยจัดโครงสร้าง endpoint ฝั่ง backend ได้อย่างชัดเจน พร้อมทั้งได้ประโยชน์จาก hot-reload และ type-safety ของ Nuxt
2ควรใช้ฟังก์ชันใดในการกำหนด event handler ใน API route ของ Nuxt?
ควรใช้ฟังก์ชันใดในการกำหนด event handler ใน API route ของ Nuxt?
คำตอบ
ฟังก์ชัน defineEventHandler เป็น API หลักสำหรับสร้าง route handler ใน Nuxt โดยจะให้ event context ที่มีการกำหนดชนิดข้อมูล ซึ่งช่วยให้เข้าถึงยูทิลิตี H3 สำหรับจัดการ request และ response ฟังก์ชันนี้มาแทนที่ API eventHandler รุ่นเก่า และให้การผสานรวมกับระบบชนิดข้อมูลของ Nuxt ได้ดียิ่งขึ้น
3H3 คืออะไรในบริบทของ server routes ของ Nuxt?
H3 คืออะไรในบริบทของ server routes ของ Nuxt?
คำตอบ
H3 คือ HTTP framework แบบมินิมอลที่ขับเคลื่อนเอนจินฝั่งเซิร์ฟเวอร์ของ Nuxt โดยมีชุดยูทิลิตีสำหรับจัดการ request และ response แบบ HTTP ได้อย่างมีประสิทธิภาพและปลอดภัยด้านชนิดข้อมูล H3 ถูกออกแบบมาให้มีน้ำหนักเบา รวดเร็ว และเข้ากันได้กับสภาพแวดล้อมรันไทม์ต่าง ๆ เช่น Node.js, Workers และ Deno
จะเข้าถึง query parameters ใน API route ของ Nuxt ได้อย่างไร?
โครงสร้างไฟล์ที่ถูกต้องสำหรับการสร้าง API route แบบไดนามิก /api/users/[id] คืออะไร?
+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
โมดูล Nuxt
Composables ใน Vue
ฟอร์มและการตรวจสอบ Vue
การจัดการสถานะใน Nuxt
การทดสอบ Vue
การ Deploy Nuxt และ CI/CD
ประสิทธิภาพของ Vue
รูปแบบขั้นสูงของ Vue
TypeScript กับ Vue
การยืนยันตัวตน Nuxt
SEO ด้วย Nuxt
การทำ Internationalization ใน Nuxt
สถาปัตยกรรม Vue
ความปลอดภัยของ Nuxt
ระบบนิเวศ Vue
การย้าย Vue 2→3 & Nuxt 2→3
เชี่ยวชาญ Vue.js / Nuxt.js สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี