请求通过 axios 失败，但通过 fetch 成功

Question

我正在尝试使用 axios 从我的 API 获取数据（出现此错误 400）

 axios.post('http://localhost:8086/api/login', 
   '{"username" : "user", "password" : "pwd"}', header)
 .then(response => {
        console.log(response)
 })
 .catch(error => {
      console.log(error.response)
 });

使用此代码，它可以工作，但我不想使用 fetch（这里返回 200）

const url = 'http://localhost:8086/api/login';
let data = '{"password":  "pwd", "username": "user"}'
let fetchData = {
    method: 'POST',
    body: data,
    headers: new Headers()
}
fetch(url, fetchData)
  .then(response => {
       console.log(response.body)
   })
   .catch((error) => {
       console.log("error")
       console.log(error)
    });

有什么想法吗？谢谢

Answer 1

来自axios docs"

axios.post(url[, data[, config]])

config 是一个对象，请参阅请求配置部分。 因此，要使其正常工作，您应该将 axios.post 方法的第二个参数更改为对象，而不是

'{"username" : "user", "password" : "pwd"}'

应该是

{"username" : "user", "password" : "pwd"}

更新

你应该像下面这样使用它：

axios.post('localhost:8086/api/login', {"username" : "user", "password" : "pwd"}, header)

希望它有意义。