reactjs - 使用 axios 发出的请求不起作用，但如果它适用于 XMLHttpRequest

Question

我正在使用 axios 从 react 发出请求，该请求如下所示:

const data= axios.post(route, { username:'admin', password:'123' })
              .then(response =>{
                console.log(response)
              })
              .catch(err=>{console.log(err.response)

          })

但它给了我 400 或 401 状态。我认为它与“CORS”有关，但是当我使用 XMLHttpRequest 从 react 发出请求时，它成功了。这里使用 XMLHttpRequest 发出相同的请求:

  var xhr = new XMLHttpRequest();
  var user = "admin";
  var password = "123";

  xhr.open('POST', route, true);
  xhr.addEventListener('load', function() {
    var responseObject = JSON.parse(this.response);
    console.log(responseObject);
    if (responseObject.token) {
          console.log(responseObject.token);
    } else {
          console.log('no');
    }
  });

  var sendObject = JSON.stringify({username: user, password: password});

  console.log('going to send', sendObject);

  xhr.send(sendObject);

如何正确使用 axios 发出请求？

日志:

Answer 1

如果在发布请求中设置内容类型参数如何？
你能试一下吗，

let config = {
  headers: {
   'Content-Type':'application/json',
  }
}

let response = await axios.post(route, { username:'admin', password:'123' }, config);
console.log(response);