为什么我的控制器从 Axios 收到的值总是为空？

Question

我有一个简单的 Axios 调用：

 var payload = "this is a test";
 const dt = { rockText: payload };
 const request = axios.put(`/api/rocks/${rockId}/rockText`, dt);

它像这样连接到控制器：

    [HttpPut("{id}/rockText")]
    public IActionResult PutRockText(Int32 id, [FromBody] string rockText)
    { ... }

但rockText 在控制器中总是为空，尽管我知道它不是在被 Axios 使用时。

我尝试了很多 Axios 调用的变体，但它始终为空。

我怎样才能让它工作？

Answer 1

如果你想用axios传递json数据，需要设置Content-Type，这里有一个demo：

axios（我用1代替${rockId}来测试）：

var payload = "this is a test";
const request = axios.put(`/api/rocks/1/rockText`, JSON.stringify(payload),
               { headers: { 'Content-Type': 'application/json' } });

控制器：

[HttpPut("{id}/rockText")]
public IActionResult PutRockText(int id,[FromBody]string rock)
{
     return Ok();
}

结果：

Answer 2

问题是模型绑定器无法解析有效负载。原因是它需要一个字符串，但您实际上传递的是一个带有属性 rockText 的 json 对象。

我会创建一个类来表示您发送的 json：

public class Rock
{
    public string RockText { get; set; }
}


[HttpPut("{id}/rockText")]
public IActionResult PutRockText(Int32 id, [FromBody] Rock rock)
{ ... }

---

或者，您可以尝试从 axios 传递字符串：

var payload = "this is a test";
const request = axios.put(`/api/rocks/${rockId}/rockText`, payload);