ReactJS 使用 axios post 不断给我错误 400（错误请求）答案

【问题标题】：ReactJS using axios post keep giving me error 400(bad request)ReactJS 使用 axios post 不断给我错误 400（错误请求）
【发布时间】：2021-07-05 21:27:07
【问题描述】：

我在 ReactJS 中通过 axios 发送帖子请求时不断收到此错误。我的代码是这样的：

const params = JSON.stringify({
      "email": "someEmail@gmail.com",
      "name": "Some Name",
      "password": "123qwe!!"
    });

axios.post('localhost:8080/users', params, {
      headers: {
        'Content-Type': 'application/json'
      }
    }
    )
      .then(response => {
        console.log("RESPONSE RECEIVED: ",response);
      })
      .catch((err) => {
        console.log("AXIOS ERROR: ", err);
      })

我使用相同的数据在邮递员中测试了我的 api，它确实有效。有人请帮帮我！！

【问题讨论】：

继续收到此错误：AXIOS 错误：错误：在 XMLHttpRequest.handleLoad (xhr.js) 的结算 (settle.js:17) 处的 createError (createError.js:16) 请求失败，状态码为 400 :62)

标签： reactjs post axios

【解决方案1】：

您不需要JSON.stringify 您的“参数”。改成：

const params = {
  email: "someEmail@gmail.com",
  name: "Some Name",
  password: "123qwe!!"
}

【讨论】：

【解决方案2】：

使用这个- axios.post('http://localhost:8080/users', 参数, { 标题：{ “内容类型”：“应用程序/json” } }

【讨论】：

【解决方案3】：

帖子的axios签名是axios.post(url[, data[, config]])。所以你的代码必须是这样的：

const loginData= {
      "email": "someEmail@gmail.com",
      "name": "Some Name",
      "password": "123qwe!!"
    }

axios.post('localhost:8080/users', null, {
      params:loginData,
      headers: {
        'Content-Type': 'application/json'
      }
    }
    )
      .then(response => {
        console.log("RESPONSE RECEIVED: ",response);
      })
      .catch((err) => {
        console.log("AXIOS ERROR: ", err);
      })

【讨论】：