Next.js JS项目API路由报错：TypeError: response.status is not a function

错误原因 #

你使用的是Next.js 13+的App Router（app目录下的API路由），但代码沿用了Pages Router的写法——App Router的API路由函数仅接收request一个参数，不存在response参数，也不支持response.status()这类Express风格的调用方式。

修复步骤 #

1. 从next/server导入NextResponse
2. 删除POST函数参数中的response
3. 用NextResponse.json()构建响应，通过第二个参数指定状态码

修复后的代码 #

// route.js
import { connect } from "@/dbConnection/dbConnection";
import User from "@/models/userModel";
import { NextResponse } from "next/server"; // 导入NextResponse

connect();

export async function POST(request) { // 移除多余的response参数
    try {
        const { username, email, password } = await request.json();
        console.log(username, email, password);
        
        // 用NextResponse返回成功响应，指定状态码201
        return NextResponse.json(
            { message: "User created successfully" },
            { status: 201 }
        );
    } catch (e) {
        // 返回错误响应，状态码500
        return NextResponse.json(
            { message: "Error creating user", error: e.message },
            { status: 500 }
        );
    }
}

补充说明 #

App Router的API路由采用基于Web标准的响应模式，所有响应都需要通过NextResponse创建，不再依赖传统的request/response对象对，这是它和Pages Router的核心区别之一。

内容的提问来源于stack exchange，提问作者ANMOL JAIN