Always failed when POST data with json (body: raw)

Question

I'm have trouble when send data to my server. I'm working with react native & axios ver ^0.16.2

let input = {
  'longitude': -6.3922782,
  'latitude': 106.8268856,
  'content': 'uget - uget sampai kaki lemes',
  'pictures': []
}

  axios({
    method: 'POST',
    url,
    headers: {
      'Content-Type': 'application/json',
      'Authorization': this.state.headers.authorization
    },
    data: input
  })                                                                     
  .then((resultAxios) => {
    console.log('hasil axios', resultAxios)
  })

and the status result always error 500.

If I try send data with postman, everything is fine. In postman, I set

headers: {
  Authorization: ''',
  Content-Type: application/json
}

body = raw, JSON

postman setting

How can solve this problem? Thanks :)

Pretty sure the comment above is the solution. If you run Telerik Fiddler you can see the actual requests which might help you debug when it's not what you expect, and allow you to quickly see the difference between the postman request and your own. — Rory, Aug 05 '17 at 18:12
im already JSON.stringify(input) , but the result is still same.. i think there is someting configuration for headers.. — Endy Santoso, Aug 06 '17 at 03:02

score 1 · Answer 1 · edited May 05 '20 at 07:10

I've found that axios have some problem in the processing of json for body try this:

let input = 'longitude=-6.3922782&latitude=106.8268856&content="uget - uget sampai kaki lemes"&pictures=[]';

  axios({
    method: 'POST',
    url,
    headers: {
      'Content-Type': 'application/json',
      'Authorization': this.state.headers.authorization
    },
    data: input
  })                                                                     
  .then((resultAxios) => {
    console.log('hasil axios', resultAxios)
  })

and the status result always error 500.

If I try send data with postman, everything is fine. In postman, I set

headers: {
  Authorization: ''',
  Content-Type: application/json
}

body = raw, JSON

score 1 · Answer 2 · answered Dec 24 '19 at 23:41

@Davide

That is correct, its an Axios bug I found as well..

AND the errors I found were CORS preflight errors, which had NOTHING to do with the actual problem

** FAIL **

Axios({
method: "post",
url: "https://localhost:44394/EXAMPLE/",
data: jsonPayload,
headers: { "Content-Type": "application/json" }
})

** SUCCESS **

Axios({
method: "post",
url: "https://localhost:44394/EXAMPLE/",
data: JSON.Stringify(jsonPayload),
headers: { "Content-Type": "application/json" }
})

Always failed when POST data with json (body: raw)

2 Answers2

Linked