语境

我正在使用NextJS v11.1.1-canary.11,React v17.0.2和Typescript v4.3.5.

我想基于NextJS Typescript 文档创建一个简单的 API 端点，因此我在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)

完整的堆栈跟踪在这里

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

语境

我正在使用NextJS v12.0.7、React v17.0.2和NextAuth v4.1.0。Typescript v4.3.5

我想创建一个简单的身份验证系统，基于NextAuth 文档并在登录后重定向到主页，因此我在pages/api/auth名为 的文件夹中创建了一个文件[...nextauth].ts，其中包含以下代码部分：

export default NextAuth({\n  providers: [\n    CredentialsProvider({\n      id: "credentials",\n      name: "Login",\n      credentials: {\n        username: { type: "email" },\n        password: { type: "password" },\n      },\n      async authorize(credentials) {\n          // [...]\n      },\n    }),\n  ],\n\n  // [...]\n\n  callbacks: {\n    // [...]\n    redirect({ url, baseUrl }) {\n      console.log("redirect - url ", url, "baseUrl ", baseUrl); // This is what I …