axios中的标头内容类型无法设置application/json

Question

我正在尝试在项目中配置标头并vue.js调用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
});