javascript - axios中的Header Content Type无法设置application/json

Question

我正在尝试使用 vue.js 在项目中配置 header 和 axios调用需要 json 的服务。我的问题是，当我使用 POST 调用电话时方法，axios提出请求Content-Type带有 x-www-urlencoded 的标题，但在我的代码中，我手动输入了 Content-Type带有 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);
})

Answer 1

Axios设置标题配置的属性应该是 headers:你正在设置config:尝试:

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

或将您的 const 配置更改为:

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

并将其用于:

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