邮递员和 React 与通过 API 发送相比有何不同？

Question

这就像我坐下来工作，将一些数据从 React 发送到 API。这是我自己的 API.

当我使用 postman 时，根本没有出现任何错误。但是我用Browser，结果报404错误，

当我使用 PostMan 时，我的数据如下所示：

{
    "email":"sdgsasfafafaaags@tedfhst.com",
    "name":"test111",
    "passwordValue":"Testswghdsogsdgk@",
    "schoolAccount": false
}

因此，当我需要 post 从 React 到 API 的东西时，我就是这样做的。在我使用 axios 的地方，我也尝试过在没有 axios 的情况下使用它。

const [mail, setMail] = useState('');
const [passwordValue, setPasswordValue] = useState('');
  const [name, setName] = useState('');
  const schoolAccount = false;

  const handleSubmit = (e) => {
    e.preventDefault();
    const data = {mail, passwordValue, name, schoolAccount}

    console.log(baseURL, data)

    axios.post(baseURL, data)
    .then(res => res.json())
    .catch(console.log("Error"));
  }

Console.log给我：

https://localhost:49153/Opret-bruger

{mail: 'asreasdo@hehel.com', passwordValue: '12321213321@AKsfkjaf3!asdf', name: 'Hello World Name', schoolAccount: false}

但是我post.

的时候就报这个错误

POST https://localhost:49153/Opret-bruger 400

Uncaught (in promise) Error: Request failed with status code 400
    at createError (createError.js:16)
    at settle (settle.js:17)
    at XMLHttpRequest.onloadend (xhr.js:66)

但奇怪的是，当我从 React post 到 API 它没有通过，但另一方面我是从 Postman 做的，所以扔它没有问题进入数据库。

我想解决我无法像 Postman 那样通过 React post 的问题。

我试了一下：

Answer 1

你好，仔细看PostMan和axios发送的格式是有区别的我建议像这样更改代码

   const [mail, setMail] = useState('');
const [passwordValue, setPasswordValue] = useState('');
  const [name, setName] = useState('');
  const schoolAccount = false;

  const handleSubmit = (e) => {
    e.preventDefault();
    const data = {"mail":mail, "passwordValue":passwordValue, "name":name, "schoolAccount":schoolAccount}

    console.log(baseURL, data)
    axios.post(baseURL, data)
    .then(res => res.json())
    .catch(console.log("Error"));
  }

Answer 2

标准格式jsonobject {key: value} 但在日志控制台 {variable: value} 你必须像这样更改格式

{
    "email":"sdgsasfafafaaags@tedfhst.com",
    "name":"test111",
    "passwordValue":"Testswghdsogsdgk@",
    "schoolAccount": false
}

邮递员和 React 与通过 API 发送相比有何不同？

Different on postman and React compared to sending it through API?

reactjs

axios

postman

asp.net-core-webapi

asp.net-core-3.1