Маршрут API Next.js возвращает 404 при вызове axios.post из клиентского компонента ⇐ Javascript

[Anonymous]

Я использую 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