项目场景:
后端接口查询获取数据库中的数据,前端接受数据进行列表展示。
问题描述
后端接口swagger测试无误,前端报错500:required request body is missing
解决方案:
给出以下两点原因及其方案:
1.后端原因:controller中该接口函数的参数应为请求体@RequestBody,而不是@RequestParam
@PostMapping({"/getDisposeDataByCondition"})
public ResponseMessage<String> createUser(@RequestParam("name") String name,
@RequestParam("code") String code){};
改为:
@PostMapping({"/getDisposeDataByCondition"})
public ResponseMessage<FarmDataPageRespVO> createUser(@RequestBody FarmDataPageReqVO reqVO){};
2.前端原因:POST与GET请求不同时,其接口中的请求参数不一样
接口函数参数是formData填装时:
(1)GET请求时 params:params
//查询获取列表信息
export async function getFileList(params:any) {
return http.request({
url: `/api/api-gis/v1/originData/getFileList`,
method: 'GET',
params:params
})
}
(2)POST请求时data:params
//查询获取列表信息
export async function getdataList(params:any) {
return http.request({
url: `/api/api-gis/v1/handle/getDisposeDataByCondition`,
method: 'POST',
data:params
})
}
有的时候axios封装的参数也得注意,如:body
接口函数参数{参数1,参数2,…}
export const addDeviceInfo = (body: any) => {
return request(`/api-telematics-pc/v1/farmdevicemanager/addDeviceInfo`, {
method: 'post',
body
});
};
swagger:
**注意:**到底参数如何填才好,取决于项目的axios怎么封装的,看封装代码可知。