Context

我在用着NextJS v11.1.1-canary.11, React v17.0.2 and Typescript v4.3.5.

我想创建一个简单的 API 端点，基于NextJS Typescript 文档 https://nextjs.org/docs/basic-features/typescript#api-routes，所以我创建了一个文件pages/proxy文件夹名为login.tsx其中包含非常简单的 API 代码：

import type { NextApiRequest, NextApiResponse } from 'next'

export default function Login(req: NextApiRequest, res: NextApiResponse) {
  res.status(200).json({ name: 'John Doe' })
}

我的问题

当我尝试调用该 API 端点时，出现错误：

TypeError: res.status is not a function
    at Login (C:\wamp64\www\project-front\.next\server\pages\proxy\login.js:19:7)

完整的堆栈跟踪here https://pastebin.com/5NSLYyqp

我已经做了研究，但在 Google 或 Stackoverflow 上找不到像我这样的案例，我是 NextJS 的新手，所以我可能误解了一些东西。有人知道我做错了什么吗？

你的例子效果很好。

您可以通过将您的login.ts文件于pages/api/{whatever_you_want}

下一个文档：

文件夹 pages/api 内的任何文件都会映射到 /api/* 并将被视为 API 端点而不是页面。它们只是服务器端捆绑包，不会增加客户端捆绑包的大小。