vercelにデプロイしたAPIにPOSTできない

発生した問題

以下のファイルを含んだNext.jsのプロジェクトをvercelにデプロイした。

./src/app/api/route.ts

import { NextRequest, NextResponse } from "next/server";

export async function POST(request: NextRequest) {
  const body = await request.json();
  console.log(body);
  
  return NextResponse.json(
    { message: "POST test" });
}

ここにPOSTしようとすると405 Method Not Allowedが返されてしまう。

解決方法

1. next.config.mjsのoutput: "export"を削除する

next.config.mjs

const nextConfig = {
    // output: "export",
};

2. vercelにデプロイする

console

vercel