无法从 Next.js 服务器 API 端点中的 POST 请求接收数据

Question

我是 Next.js 的新手。我正在写一个API端点，非常简单。它所做的只是获取接收到的数据，在控制台日志中显示数据，然后用接收到的数据进行响应。但由于某种原因，每当我通过控制台记录收到的数据时，它都会说它是未定义的，即使我用返回的数据进行响应，我也什么也得不到。我在这里做错了什么？

下面是控制台登录vs code

下面是我收到的邮递员回复的屏幕截图

import { request } from 'http';
import { NextRequest, NextResponse } from 'next/server'
import type { NextApiRequest, NextApiResponse } from 'next'

export async function POST(
  req: NextApiRequest,
  res: NextApiResponse) {
    
const data = await req.body;

console.log("this is data I recieved => " + data.response);


return Response.json({message: "I am responde for route test2!!!!", test: data});
}

Answer 1

NextRequest

扩展了 Fetch API 的

Request

接口。

您可以将请求正文解析为json，如下所示：

  const data = await req.json();

  console.log("this is data I recieved => " + data.response);