solicitud de publicación de axios para enviar datos de formulario

Hola usuario de nuestro sitio, encontramos la solución a tu pregunta, continúa leyendo y la obtendrás más abajo.

Solución:

Puede publicar datos de axios usando FormData() como:

var bodyFormData = new FormData();

Y luego agregue los campos al formulario que desea enviar:

bodyFormData.append('userName', 'Fred');

Si está cargando imágenes, es posible que desee utilizar .append

bodyFormData.append('image', imageFile); 

Y luego puede usar el método de publicación de axios (puede modificarlo en consecuencia)

axios(
  method: "post",
  url: "myurl",
  data: bodyFormData,
  headers:  "Content-Type": "multipart/form-data" ,
)
  .then(function (response) 
    //handle success
    console.log(response);
  )
  .catch(function (response) 
    //handle error
    console.log(response);
  );

Problema de GitHub relacionado:

No se puede obtener un .post con ‘Content-Type’: ‘multipart/form-data’ para trabajar @ axios/axios

En mi caso tuve que agregar el Perímetro hacia encabezamiento como el siguiente:

const form = new FormData();
form.append(item.name, fs.createReadStream(pathToFile));

const response = await axios(
    method: 'post',
    url: 'http://www.yourserver.com/upload',
    data: form,
    headers: 
        'Content-Type': `multipart/form-data; boundary=$form._boundary`,
    ,
);

Esta solución también es útil si está trabajando con React Native.

Echa un vistazo a la cadena de consulta.

Puedes usarlo de la siguiente manera:

var querystring = require('querystring');
axios.post('http://something.com/', querystring.stringify( foo: 'bar' ));

Agradecemos que quieras corroborar nuestro trabajo añadiendo un comentario y dejando una puntuación te damos las gracias.

---

---

Utiliza Nuestro Buscador