将整数列表发送到 REST API 会引发 415（不支持的媒体类型）

Question

我正在尝试使用 reactjs 和 .net core web api，我正在尝试将简单的整数列表发送到其余 api。通过邮递员，我做到了没有任何问题，但是当我尝试从我的 react js 代码中做到这一点时，我在控制台中收到 415 错误：

这是我在 API 上的方法的外观：

   // DELETE api/SiteUsers/delete
   [HttpPost("delete")]
   public async Task<ActionResult> DeleteSiteUsers(DeleteValuesDto deleteValues, CancellationToken cancellationToken)
   {
            
        return NoContent();
   }

这是我的 DeleteValuesDto 的样子：

在前端我做了一个简单的方法，应该调用 api 来调用 rest api：

 const handleDelete = async () => {
    var deleteValues = {
      values: selectedRows,
    };
    await deleteSiteUser(deleteValues);
  };

这是我在前端的deleteSiteUser 方法：

export const deleteSiteUser = (deleteValues) => {
  console.log('deleteValues', deleteValues);
  return axiosWrapper.request({
    url: `/SiteUsers/delete`,
    method: 'POST',
    deleteValues,
  });
};

以下是控制台日志的结果：

我以为这会很简单，但我发现实际上并非如此：/

Answer 1

您需要按照文档 (https://github.com/axios/axios#request-config) 发送名为 data 属性中的数据

export const deleteSiteUser = (deleteValues) => {
  console.log('deleteValues', deleteValues);
  return axiosWrapper.request({
    url: '/SiteUsers/delete',
    method: 'POST',
    data: deleteValues,
  });
};

如果您没有设置数据属性，则有效负载为空。最可能的结果是，Conent-Type 标头未设置，因此 Asp.Net 无法决定如何解析请求正文，然后抛出该错误。您可以在 Chrome 的开发者控制台中检查，然后设置 data 属性并检查该请求的 Content-Type 标头。

Answer 2

您将 ID 包装在具有 values 字段的对象中，但您的端点需要一个普通数组。

不要像使用 deleteValues 那样包装 selectedRows，而是直接传递它。

const handleDelete = async () => {
    await deleteSiteUser(selectedRows);
  };