Next.js - Các tuyến đường Api

API Routes là một cách để tạo API nghỉ bằng Next.js. Next.js ánh xạ bất kỳ tệp nào có trong/pages/apithư mục và sẽ được coi là điểm cuối API. Ví dụ về hàm API -

export default (req, res) => {
   ...
}

Sau đây là một số điểm quan trọng cần xem xét.

  • req - req là một thể hiện của http.IncomingMessage và được sử dụng để lấy dữ liệu từ yêu cầu.

  • res - res là một thể hiện của http.ServerResponse và được sử dụng để gửi dữ liệu dưới dạng phản hồi.

Hãy tạo một ví dụ để chứng minh điều tương tự.

Trong ví dụ này, chúng tôi sẽ tạo một user.js trong pages/api danh mục.

Hãy cập nhật dự án nextjs được sử dụng trong chương Hỗ trợ CSS toàn cầu .

Tạo tệp user.js trong thư mục pages / api như sau.

export default (req, res) => {
   res.statusCode = 200
   res.setHeader('Content-Type', 'application/json')
   res.end(JSON.stringify({ name: 'Robert' }))
}

Khởi động Máy chủ Next.js

Chạy lệnh sau để khởi động máy chủ -.

npm run dev

> [email protected] dev D:\Node\nextjs
> next

ready - started server on http://localhost:3000
info  - Loaded env from D:\Node\nextjs\.env.local
event - compiled successfully
event - build page: /api/user
wait  - compiling...
event - compiled successfully
event - build page: /next/dist/pages/_error
wait  - compiling...
event - compiled successfully

Xác minh đầu ra

Mở localhost: 3000 / api / user trong trình duyệt và bạn sẽ thấy kết quả sau.

{"name":"Robert"}