Я использую Next.js (маршрутизатор приложений) и получаю ошибку 404 при вызове маршрута API из клиентского компонента.
Я перезапустил сервер, проверил имена папок и даже попытался напрямую перейти по URL-адресу, но он все равно возвращает 404.
Что может привести к тому, что этот маршрут API не будет обнаружен в App Router?
Ошибка:
Request failed with status code 404
Структура папок:
app/
└── api/
└── generate-product-image/
└── route.ts
Маршрут API (route.ts):
import { NextResponse } from "next/server";
export async function POST(req: Request) {
return NextResponse.json({ ok: true });
}
Код клиента (page.tsx):
"use client";
import axios from "axios";
const onGenerate = async () => {
const fd = new FormData();
fd.append("file", selectedFile);
const res = await axios.post("/api/generate-product-image", fd, {
headers: { "Content-Type": "multipart/form-data" },
});
};
Подробнее здесь: https://stackoverflow.com/questions/798 ... -component
