Обработка POST в NextJS
Чтобы создать новую запись на сервере,
клиент шлет запрос с телом в JSON.
В обработчике его разбирают через
await request.json() -
получается обычный объект JavaScript.
Давайте расширим файл route.js
в каталоге users: оставим выдачу
списка и добавим функцию для приема
нового имени:
import { users } from './data';
export async function GET() {
return Response.json(users);
}
export async function POST(request) {
let body = await request.json();
let newUser = {
id: users.length + 1,
name: body.name,
};
users.push(newUser);
return Response.json(newUser, { status: 201 });
}
Реализуйте прием нового города
с полем name в вашей коллекции
и проверьте, что запись появляется
в последующем чтении списка.
- /src/
- /app/
- /users/
- data.js
- route.js
- /users/
- /app/