Javascript axios can'中的标题内容类型；t设置应用程序/json

我试图在一个带有

vue.js

和

axios

的项目中配置头，以调用需要json的服务。我的问题是，当我使用

POST

方法进行调用时，

axios

使用

x-www-urlencoded

将

Content-Type

头放入请求

Content-Type

头，但在我的代码中，我使用

application/json

手动将

Content-Type

头放入

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);
})

设置标题配置的属性应该是

headers:

，您正在使用

config:

尝试：

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

或将常量配置更改为：

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

并将其用于：

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

---

谢谢你的回复。我的解决方案是安装qs库，并在发送对象时使用qs.stringify将其转换为json。axios.post（'url/example'，qs.stringify（loginObj），标题）