Javascript 在应用程序目录中获取 Next.js API 路由会出现 404 Not Found

发布于05月26日

我在为Next.js 13‘S app路由而苦苦挣扎.例如，当我试图从Postmann访问时，它总是给我一个404 Not Found.

我有这样的文件 struct :

例如，我的一个API文件是:

import { PrismaClient } from '@prisma/client';

const prisma = new PrismaClient();

export default async function all(req, res) {
    if (req.method !== 'GET') {
        return res.status(405).json({ error: 'Method not allowed' });
    }

    try {
        // Get all admins using Prisma
        const admins = await prisma.admin.findMany();

        return res.status(200).json(admins);
    }
    catch (error) {
        return res.status(500).json({ error: 'Failed to get admins' });
    }
}

当我发送GET localhost:3000/api/admin/all时，它总是以404响应.找不到错误所在.

我try 了其他文件或文件夹命名.从我自己的应用程序打电话，使用curl命令，或使用postman .我的其他API路径也提供相同的404.

推荐答案

API路由应位于名为route.js的文件中.意思是app/api/admin/all.js应该是app/api/admin/route.js.此外，内部的函数应该使用特定的定义:

export async function GET(request) {}

GET可以替换为POST、PUT、PATCH等.在您的情况下，它将是:

// Notice from where NextResponse is imported:
import { NextResponse } from "next/server";

import { PrismaClient } from "@prisma/client";

const prisma = new PrismaClient();

// Notice the funciton definiton:
export async function GET(req) {
  return NextResponse.json(
    { error: "Method not allowed" },
    {
      status: 400,
    }
  );
}

// Notice the funciton definiton:
export async function POST(req) {
  try {
    // Get all admins using Prisma
    const admins = await prisma.admin.findMany();

    return NextResponse.json(admins, {
      status: 200,
    });
  } catch (error) {
    return NextResponse.json(
      { error: "Failed to get admins" },
      {
        status: 500,
      }
    );
  }
}