I want to make a POST request to REST API running on Azure and I want to pass a javascript object with the POST request. But response shows 415 error code Unsupported Media type. I did try changing 'Content Type' to 'Application/json', but I get the same response.

ponentDidMount() {

const  bodyFormData = new FormData();
bodyFormData.set('id', 30958);
axios({
  method: 'post',
  url: 'https://example./api/example/GetExamplData',
  data: bodyFormData,
  config: { headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
    }}
  })
    .then((response) => {console.log(response)}) 
    .catch(error => {console.log( 'the error has occured: ' + error) })
}

I want to make a POST request to REST API running on Azure and I want to pass a javascript object with the POST request. But response shows 415 error code Unsupported Media type. I did try changing 'Content Type' to 'Application/json', but I get the same response.

ponentDidMount() {

const  bodyFormData = new FormData();
bodyFormData.set('id', 30958);
axios({
  method: 'post',
  url: 'https://example./api/example/GetExamplData',
  data: bodyFormData,
  config: { headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
    }}
  })
    .then((response) => {console.log(response)}) 
    .catch(error => {console.log( 'the error has occured: ' + error) })
}

• javascript
• reactjs
• rest
• axios

Share Improve this question Follow asked Mar 12, 2018 at 15:55 user8589034user8589034 1

• not sure but here's a quick shot: set your headers as a standalone property (don't wrap it inside config) – Kox Commented Mar 12, 2018 at 16:37

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

Usually REST API use json mediaType, make sure your server.

Try this:

const  bodyFormData = { "name":"John", "age":30, "city":"New York"};
axios({
  method: 'post',
  url: 'https://example./api/example/GetExamplData',
  data: JSON.stringify(data),
  config: { headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json' 
    }}
  })
    .then((response) => {console.log(response)}) 
    .catch(error => {console.log( 'the error has occured: ' + error) })
}

make sure const bodyFormData = new FormData(); return json.