从 Axios Post 请求获取 400

Question

我有一个 dotnet 核心 webapi 后端和前端反应打字稿。我有一个端点，我在其中创建了一个用户，但是当我提交响应时，我在浏览器控制台上收到 400 错误请求错误。有关详细信息，我在网络选项卡中看到它说：errors: {Name: ["The Name field is required."]}

这是我的 Axios post 请求：

const res = await axios.post(
            `$localhost:5000/api/User`, {
              body: {Name: "test", Username: "testuser" },
              headers: { "Content-Type": "application/json" },
          }

在后端

public async Task<ActionResult> Post([FromBody] UserDto dto)
{

}

UserDto 包含三个属性，一个“年龄”是可选的，两个是必需的“姓名”和“用户名”

相同的请求使用 Post 人正在工作，但没有通过 Axios

Answer 1

根据 docs，当使用别名方法时 url、method 和 data 属性不需要在配置中指定。

请尝试

axios.post(
  `$localhost:5000/api/User`, // url
  { Name: "test", Username: "testuser" }, // data or body
  {
    headers: { "Content-Type": "application/json" } // config
  }
)

Answer 2

// send a POST request
axios({
  method: 'post',
  url: '/login',
  data: {
    firstName: 'Finn',
    lastName: 'Williams'
  }
});

Axios will automatically convert the data to JSON and send it as the request body.

从 Axios Post 请求获取 400

Getting 400 from Axios Post request

c#

reactjs

axios