I'm currently working on setting up an upload API route within my application.
/admin/upload
However, when I attempt to console.log(req.file), it returns as undefined.
This seems to be related to the following configuration:
export const config = {
api: {
bodyParser: false,
}
}
It appears that this setup is not compatible with the app router, and I'm struggling to find alternative solutions.
import { createEdgeRouter } from "next-connect";
import { NextResponse } from "next/server";
import multer from "multer";
export const config = {
api: {
bodyParser: false,
}
}
const router = createEdgeRouter();
const upload = multer({
storage: multer.diskStorage({
destination: './public/uploads',
filename: (req, file, cb) => cb(null, file.originalname),
}),
});
const file = upload.single('file');
router
.use(file)
.post((req) => {
// console.log(req.pageType);
console.log(req.pageType);
return NextResponse.json({ 'message': 'Hi mom' })
});
export async function POST(req, ctx) {
return NextResponse.json("Hi")
}
This is the code snippet for my backend. I've consulted the documentation provided at the specified page, but haven't found any useful insights. Do you have any suggestions on how to troubleshoot this issue?
Please keep in mind that I am utilizing the app router instead of the pages router.