Server Routes Nuxt
API routes, server middleware, event handlers, H3, request/response, xử lý lỗi, validation
1Cần tạo file trong thư mục nào để expose một API route truy cập được tại /api/users?
Cần tạo file trong thư mục nào để expose một API route truy cập được tại /api/users?
Câu trả lời
Các API route trong Nuxt được tạo trong thư mục server/api/. Mỗi file export một event handler sẽ tự động truy cập được qua /api/ theo sau là tên file. Quy ước này giúp cấu trúc rõ ràng các endpoint backend đồng thời tận dụng được hot-reload và type-safety của Nuxt.
2Nên dùng hàm nào để định nghĩa event handler trong một API route của Nuxt?
Nên dùng hàm nào để định nghĩa event handler trong một API route của Nuxt?
Câu trả lời
Hàm defineEventHandler là API chính để tạo route handler trong Nuxt. Nó cung cấp một event context có kiểu, cho phép truy cập các tiện ích H3 để thao tác với request và response. Hàm này thay thế API eventHandler cũ và tích hợp tốt hơn với hệ thống kiểu của Nuxt.
3H3 là gì trong ngữ cảnh server routes của Nuxt?
H3 là gì trong ngữ cảnh server routes của Nuxt?
Câu trả lời
H3 là một framework HTTP tối giản, là nền tảng cho engine server của Nuxt. Nó cung cấp một bộ tiện ích để xử lý request và response HTTP một cách hiệu quả và an toàn về kiểu. H3 được thiết kế nhẹ, nhanh và tương thích với nhiều môi trường runtime khác nhau như Node.js, Workers và Deno.
Làm thế nào để truy cập query parameters trong một API route của Nuxt?
Cấu trúc tệp đúng để tạo một API route động /api/users/[id] là gì?
+17 câu hỏi phỏng vấn
Các chủ đề phỏng vấn Vue.js / Nuxt.js khác
Kiến thức nền tảng JavaScript
JavaScript hiện đại (ES6+)
Kiến thức cơ bản về Vue
Component Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Tính reactive của Vue
Kiến thức cơ bản về Nuxt
Data Fetching trong Nuxt
SSR & SSG trong Nuxt
Module Nuxt
Composables trong Vue
Form & Validation Vue
Quản lý trạng thái Nuxt
Testing trong Vue
Triển khai Nuxt & CI/CD
Hiệu năng Vue
Các mẫu nâng cao trong Vue
TypeScript với Vue
Xác thực Nuxt
SEO với Nuxt
Quốc tế hóa trong Nuxt
Kiến trúc Vue
Bảo mật Nuxt
Hệ sinh thái Vue
Di chuyển Vue 2→3 & Nuxt 2→3
Nắm vững Vue.js / Nuxt.js cho lần phỏng vấn tiếp theo
Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.
Bắt đầu miễn phí