Estoy tratando de enviar un archivo de imagen a una API desde JavaScript usando Axios, pero ver la solicitud en la consola muestra que la carga útil está prácticamente vacía.

Esto es lo que estoy usando para enviar la solicitud.

 const formData = new FormData(); formData.append('image', e.files[0], 'logo.png'); axios.request({ url: '/upload', method: 'post', data: formData, headers: { 'Content-Type': 'multipart/form-data' } })

La solicitud se está enviando, sin embargo, la carga útil de la solicitud se muestra solo como esta

 ------WebKitFormBoundaryQums9sVMBwuMo7hO Content-Disposition: form-data; name="image"; filename="logo.png" Content-Type: image/png ------WebKitFormBoundaryQums9sVMBwuMo7hO--

e.files[0] es un objeto File válido y puedo llamar a text() y slice() en él y ver el contenido. He probado varios archivos de imagen y siempre es lo mismo.

Cualquier ayuda o sugerencia sería muy apreciada.