javascript - Header Content Type in axios can't set applicationjson - Stack Overflow

admin管理员组

文章数量:1350335

I am trying to configure headers in a project with vue.js and axios to call a service that expects a json. My problem is that when I make my call with the POST method, axios puts to the request Content-Type header with x-www-urlencoded, but in my code, I put manually Content-Type header with application / json.

var loginObj = {
    var1: payload.login,
    var2: payload.password
}

const jsonLogin = JSON.stringify(loginObj)

const config = {
    headers: {
      'content-type': 'application/json',
      'Accept': 'application/json'
    }
}

axios({
    url: 'url/example',
    method: 'post',
    data: jsonLogin,
    config
})
.then(response => {
    console.log(response);
})
.catch(error => {
    console.log(error);
})

I am trying to configure headers in a project with vue.js and axios to call a service that expects a json. My problem is that when I make my call with the POST method, axios puts to the request Content-Type header with x-www-urlencoded, but in my code, I put manually Content-Type header with application / json.

var loginObj = {
    var1: payload.login,
    var2: payload.password
}

const jsonLogin = JSON.stringify(loginObj)

const config = {
    headers: {
      'content-type': 'application/json',
      'Accept': 'application/json'
    }
}

axios({
    url: 'url/example',
    method: 'post',
    data: jsonLogin,
    config
})
.then(response => {
    console.log(response);
})
.catch(error => {
    console.log(error);
})

• javascript
• axios

Share Improve this question Follow edited Jan 20, 2020 at 3:30 noam aghai 1,44644 gold badges1919 silver badges3030 bronze badges asked Aug 2, 2019 at 22:32 Ruben OrtegaRuben Ortega 6111 gold badge11 silver badge44 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

The Axios property to set header config should be headers: and you are setting with config: try with:

axios({
    url: 'url/example',
    method: 'post',
    data: jsonLogin,
    headers: config.headers
  })

or change your const config to:

const configHeaders = {
  "content-type": "application/json",
  "Accept": "application/json"
};

and use it with:

axios({
  url: "url/example",
  method: "post",
  data: jsonLogin,
  headers: configHeaders
});

本文标签： javascriptHeader Content Type in axios can39t set applicationjsonStack Overflow