如何获取URL中的id参数？当前代码获取的id始终为null

你当前的问题出在把动态路由参数当成了URL查询参数来获取。你的文件路径是app/api/predictions/[id]/route.ts，这里的[id]是Next.js App Router的动态路由段，不是URL里的?id=xxx查询参数，所以用searchParams.get('id')肯定拿不到值。

正确的做法是在GET函数的参数里解构出params对象，从里面直接取id：

export async function GET(request: Request, { params }: { params: { id: string } }) {
  // 直接从params中获取动态路由的id
  const id = params.id;
  console.log("PARAMS: " + id);

  const response = await fetch(`https://api..../${id}`, {
    headers: {
      'Content-Type': 'application/json',
      Authorization: `Token ${process.env.REPLICATE_API_TOKEN}`,
    },
  });
  // 后续逻辑...
}

注意事项 #

• 访问这个接口的URL格式应该是/api/predictions/你的ID值，比如/api/predictions/abc123，而不是/api/predictions?id=abc123。
• 如果你的路由层级更深，比如app/api/predictions/[id]/details/[detailId]/route.ts，可以同时获取params.id和params.detailId。

内容的提问来源于stack exchange，提问作者Captai-N