axios `POST` request is hitting the url on the controller but setting null values to my POJO class, when I go through developer tools in chrome, the payload contains data. What am I doing wrong?

**Axios POST Request:**

    var body = {
        userName: &#39;Fred&#39;,
		userEmail: &#39;Flintstone@gmail.com&#39;
	}
			
	axios({
	    method: &#39;post&#39;,
		url: &#39;/addUser&#39;,
		data: body
	})
	.then(function (response) {
	    console.log(response);
	})
	.catch(function (error) {
	    console.log(error);
	});

**Browser Response:**

[![enter image description here][1]][1]

If I set headers as:

    headers:{
      Content-Type:&#39;multipart/form-data&#39;
    }

The request throws the error

&gt; Error in posting multipart/form-data. Content-Type header is missing boundary

If I make the same request in postman it&#39;s working fine and sets values to my POJO class.

Can anyone explain how to set boundary or how can I send form data using axios.


  [1]: https://i.stack.imgur.com/FKTOx.png

All Ajaxform Solutions on Gang of Coders

Total of 1 Ajaxform Solutions

axios post request to send form data