无法从React axios post接收Web API HttpPost方法中的数据

Question

我的Web API Post方法在Swagger中运行良好，但当我使用axios从React App发送Post请求时，数据[FromBody]为null。这是Web API方法。

[HttpPost]
[Route("api/employee/addMany")]
public IHttpActionResult Post([FromBody] dynamic data)  //my axios request hit this method but data is always null. I have tried passing without stringifying
{
Employee[] employees=JObject.Parse(data);
//doing some stuff with employees
return Ok();
}

这是Axios请求后的代码

export function addEmployees(employees:Employee[]) {
return axios.post(`api/employee/addMany`, { employees });
}

这里是请求拦截器，执行模型密钥Pascilization和Stringing数据。

const pascalizeKeys = (obj:any):any => {
if (Array.isArray(obj)) {
return obj.map(v => pascalizeKeys(v));
} else if (obj !== null && obj.constructor === Object) {
return Object.keys(obj).reduce(
(result, key) => ({
...result,
[String(upperFirst(key))]: pascalizeKeys(obj[key]),
}),
{},
);
}
return obj;
};
export function applyInterceptors(Axios:typeof axios){
Axios.interceptors.request.use((request)=>{
if(request.data){
request.data = JSON.stringify(pascalizeKeys(request.data));
return request;
}
return request;
}
)
}

Answer 1

尝试让axios工作后的事情：

1. 设置标题

headers: {
'content-type': 'application/json',
}

2. 尝试将json附加到请求的data或params字段

3. 如果您仍然无法获取数据，请在数据字段中将其作为新的formData发送，而不是

let formData = new FormData()
formdata.append('name', yourJson)
await axios({
method: 'post',
url: '/your/url',
data: formData,
headers: {
'Content-Type': 'multipart/form-data',
},
})

你现在应该把它和你的请求一起拿到