为什么Next 13 API路由返回一个空白页?

Question

我正在使用Next 13，我试图找出一个简单的API路由。我只是想在导航到localhost:3000/api/auth时返回a: "hi"。我在终端或控制台中没有看到404错误或任何错误。下面是我的API路由的代码:

import { NextResponse } from "next/server";
export default async function GET(request: Request) {
return NextResponse.json({a: "hi"})
}

这是app目录(我的API路由所在的目录)的文件树。

├───api
│   └───auth
├───Components
├───Reserve
│   └───[slug]
│       └───Components
├───Restaurant
│   └───[slug]
│       ├───Components
│       └───Menu
│           └───Components
└───Search
└───Components

有什么想法吗?我在/app/api目录中使用Next 13.2。

Answer 1

问题是我使用的是export default而不是export。

import { NextResponse } from "next/server";
export async function GET(request: Request) {
return NextResponse.json({a: "hi"})
}