【Q&A】Abp WebApi [FromBody] 简单类型渡劫Axios请求

后端接口#

强制 Web API 从请求正文读取简单类型，添加 [FromBody] 属性到参数

    [HttpPost]
    [Route("create")]
    public Task<CalendarDto> CreateAsync([FromBody]string name)
    {
        return _calendarAppService.CreateAsync(name);
    }

通过Swagger 模拟请求#

POST http://localhost:5076/api/create HTTP/1.1
Host: localhost:5076
Content-Type: application/json
Content-Length: 7

"Alice"

前端Axios请求#

    return http.request({
        baseURL: '/richBusApi',
        url: Api.AddTodo,
        method: 'POST',
        data: "\"Alice\""
    })

Axios请求是正常的json格式请求，headers['Content-Type'] = 'application/json;charset=utf-8'，只不过简单属性的POST请求Data这里需要注意下，请求内容必须请求名称对应的字符串值，这里就是 "\"Alice\"",如果不加\",则为一个对象，在后端无法json序列化

注意事项#

[FromBody]请求简单属性，前端传递的必须是字符串类型，如果是数字类型的话则，直接传数字即可，不需要转换
[FromBody]只能使用一个简单属性，多个简单属性则会报错，eg:Post([FromBody] int id, [FromBody] string name)
[FromBody]建议使用复杂类型