Axios POST request passing all params as one body key

Question

I have a simple Axios POST request:

 const data = JSON.stringify({
    to: receiver,
    from: sender,
    body: message
  });

  axios.post(window.location.origin + '/sms/outgoing', data)

My issue is that my api reads the request body as this:

{ '{"to":"12345","from":"54321","body":"message"}': '' }

when I want it to be this:

{"to":"12345","from":"54321","body":"message"}

Where am I going wrong?

This is [duplicated](https://stackoverflow.com/questions/41974850/axios-post-adds-extra-key-to-object/56142669#56142669), and a proposed [solution](https://stackoverflow.com/a/56142669/4544238) just posted there. — Hugo Avila, May 15 '19 at 06:12

score 1 · Answer 1 · answered Jan 11 '18 at 13:00

JSON.stringify method is not need..

  const data = {
      to: receiver,
      from: sender,
      body: message
    };

  axios.post(window.location.origin + '/sms/outgoing', data)

but you need JSON.stringify method to follow this backend api call

  app.route(window.location.origin + '/sms/outgoing',(req,res)=>{
    let data = JSON.parse(req.body)
    console.log(data) //get {"to":"12345","from":"54321","body":"message"}
 })

Felix Fong · Answer 2 · 2017-08-09T18:06:28.497

-1

If you want to parse the JSON object from a JSON string, just use the JSON.parse function

const object = JSON.parse({
  someJSONString: true,
})

edited Aug 09 '17 at 18:06

answered Aug 09 '17 at 17:58

Felix Fong

969
1
8
21

I'm not using ajax, and `axios.setRequestHeader` is not a function. – achalk Aug 09 '17 at 18:03

Axios POST request passing all params as one body key

2 Answers2