req.body is undefine in route-handler

Answered

Muhammad Abu Bakar posted this in #help-forum

Open in Discord

Muhammad Abu BakarOP

2024-06-15T13:04:27.337Z

route.ts
export async function POST(req: Request, res: NextApiResponse) {
  console.log("Received images: ", req.body);
}

And form.tsx
const res = await fetch("http://localhost:3000/api/foodItem/create", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          ...data,
          price: parseFloat(data.price),
          deliveryCharge: parseFloat(data.deliveryCharge),
          rating: parseInt(data.rating, 10),
          images: imagesBase64,
        }),
      });

Answered by joulev

https://nextjs-faq.com/route-handler-using-pages-router-syntax

View full answer

4 Replies

@Muhammad Abu Bakar ` route.ts export async function POST(req: Request, res: NextApiResponse) { console.log("Received images: ", req.body); } And form.tsx const res = await fetch("http://localhost:3000/api/foodItem/create", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ ...data, price: parseFloat(data.price), deliveryCharge: parseFloat(data.deliveryCharge), rating: parseInt(data.rating, 10), images: imagesBase64, }), }); `

2024-06-15T13:57:16.968Z

https://nextjs-faq.com/route-handler-using-pages-router-syntax

Answer

Muhammad Abu BakarOP

2024-06-15T14:23:16.467Z

Thank you so much @joulev .
It's working

I have to make web dev basics strong.
How can I do it ... Only by reading docs or something else also

@Muhammad Abu Bakar I have to make web dev basics strong. How can I do it ... Only by reading docs or something else also

2024-06-15T15:19:29.851Z

I personally only read the documentation. Some are good some are bad but most should already contain the info you need