在正文中使用 JSON.stringify(obj) 发送 Post 不会在 API 接收端产生字符串

如何解决在正文中使用 JSON.stringify(obj) 发送 Post 不会在 API 接收端产生字符串

所以我对这个场景有点困惑。
我有一个前端通过 Axios 向我的 API 发送以下请求：

const objectInBody = {
            Id,Input
        };
        
        const result: any = await axios.Post(`Order/Reservation`,JSON.stringify(objectInBody));
        return result.data;

而且我有一个正在运行的 RESTful .NET Core API 来接收这些请求。
相关路由逻辑：

[HttpPost("[action]")]
        public async Task<IActionResult> Reservation([FromBody] string jsonObj)
        {

            Reservation reservation = JsonConvert.DeserializeObject<Reservation>(jsonObj);

            try
            {
                var result = await orderManager.Reserve(reservation);
                return Ok(result);
            }
            catch (Exception e)
            {
                return BadRequest(e.Message);
            }
        }

这里的问题是，我的 API 阻止了请求，因为我的 API 无法将 'JSON.stringify(objectInBody)' 识别为字符串并且不会运行代码。
当我传递其他字符串时，API 毫无问题地接受它并继续逻辑。这对我来说很奇怪，因为我认为 JSON.stringify 结果是字符串类型？

在 console.log(JSON.stringify(objectInBody));我得到 {Id:1,Input:1} 没有引号。
但是当我 console.log(typeof(JSON.stringify(objectInBody)));它确实在我的控制台中说“字符串”。

我还可以将 API 中的“预期”类型调整为 JsonObject 或其他类型，但这是一个糟糕的“修复”，因为在我看来 Json.Stringify 必须返回一个字符串并毫无问题地传递它，例如我说，当然不是 JsonObject。

解决方法

您当前的代码不起作用的原因是 Axios 不会自动发送 Content-Type: application/json 以获取字符串负载。因此，要使您当前的解决方案起作用，您必须这样做（请按照我在本答案末尾的建议）：

const result: any = await axios.post("Order/Reservation",JSON.stringify(objectInBody),{headers: {"Content-Type": "application/json"}});

推荐的解决方案

你应该像这样改变你的控制器方法：

[HttpPost("[action]")]
public async Task<IActionResult> Reservation([FromBody] Reservation reservation)
{
    try
    {
        var result = await orderManager.Reserve(reservation);
        return Ok(result);
    }
    catch (Exception e)
    {
        return BadRequest(e.Message);
    }
}

然后像这样改变你的 Axios 调用：

const result: any = await axios.post(`Order/Reservation`,objectInBody);

,

假设Reservation类是这样的

public class Reservation 
{
  public string Id {get; set;}
   public string Input {get; set;}
}

试试这个代码

objectInBody = {
            Id:"id",Input: "input"
        };

 const result: any = await axios.Post('/Order/Reservation',{ jsonObj:JSON.stringify(objectInBody)});