Next.js 14 App Router API路由路径Slug使用与获取方法咨询

完全可以在Next.js 14 App Router的API路由中使用路径Slug，你当前的/app/api/github/webhook/[token]/route.ts目录结构是符合框架规范的。

获取Slug值的方法 #

在POST请求处理器中，不需要从NextRequest对象中查找专用字段，而是通过处理器函数的第二个参数params来获取动态段的值，示例代码如下：

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

export async function POST(request: NextRequest, { params }: { params: { token: string } }) {
  const token = params.token;
  // 这里可以编写使用token的业务逻辑
  return NextResponse.json({ receivedToken: token });
}

补充说明 #

App Router中，API路由的动态段（用[]包裹的部分）会被框架自动解析并传入处理器的params参数中，这个规则和页面路由的动态段取值逻辑完全一致。

内容的提问来源于stack exchange，提问作者Andrej Kirejeŭ