Hoy, mientras trabajaba en un proyecto que usa el siguiente flujo para crear una nueva publicación en el sitio web

[Cliente] ---> FormData --> [Servidor front-end] ---> FormData -->[Servidor backend] --> guardar publicación

Tengo algunos datos de formulario enviados desde el cliente usando fetch al servidor frontend

ex..

Cliente.js

 let form_data = new FormData(); form_data.append('title', 'How to resolve Issue'); form_data.append('descr', '<p>The tips are mentioned in Home page!</p>'); form_data.append('image', uploaded_image); fetch(`${FRONTEND_SERVER_URL}`, {method: 'POST', body: form_data})

Donde form_data es una instancia del objeto FormData

pero en mi servidor cuando trato de recuperar el mismo form_data, no puedo

ej.. NextServer.js

 export default async function handler(req, res){ ... console.log(req.body); ... }

Tengo algo como,

 ------WebKitFormBoundaryJzNYHjUhaXw7Qpnx Content-Disposition: form-data; name="title" How to resolve Issue ------WebKitFormBoundaryJzNYHjUhaXw7Qpnx Content-Disposition: form-data; name="descr" <p>The tips are mentioned in Home page!</p>

Entonces, ¿pueden ayudarme a enviar FormData reales desde el cliente en lugar de datos sin procesar (cadena)?