如何使用route.ts文件中的应用程序路由器读取下一个13的API中的请求正文和查询参数？

Question

在这里没有找到任何解决方案： https: //nextjs.org/docs/app/api-reference/file-conventions/route。

Answer 1

在 NextJS 13 中，在app/api/route.js中，您可以使用 URL 类来读取参数

export async function GET(req){
    const {searchParams} = new URL(req.url);
    const param = searchParams.get("/*Your param key here*/");
    console.log(param)
}

获取请求体

export async function POST(req){
    const body = await req.json()
    console.log(body)
}

Answer 2

对于像我一样想要获取动态路由参数的人来说，它位于第二个参数中。

/api/something/[id]/route.ts

export async function GET(req, { params }) {
  const id = params.id;
}

Answer 3

我认为现在最好的方法就是简单地使用

req.nextUrl.searchParams

export const GET = async (req) => {
    // Req Body
    const requestBody = await request.json();


    // Search Params
    const searchParams = req.nextUrl.searchParams;
    const foo = searchParams.get('foo');
}

如果你检查一下NextURLtype def，就会发现里面有很多好东西。

Answer 4

在 NextJS 13 中，通过dirroute.ts中的文件约定app，我们可以使用以下命令读取查询参数和请求正文：

import url from "URL";

export async function POST(request: Request) {

  const requestBody = await request.json(); // To read request data

  const queryParams = url.parse(request.url, true).query;  // To read query params

  // Returning the query params & body
  return NextResponse.json({
    requestBody,
    queryParams,
  });

}