项目场景:

后端接口查询获取数据库中的数据,前端接受数据进行列表展示。


问题描述

后端接口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:
post请求出现required request body is missing错误的问题所在?
**注意:**到底参数如何填才好,取决于项目的axios怎么封装的,看封装代码可知。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。