post请求出现required request body is missing错误的问题所在?

项目场景:

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


问题描述

后端接口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怎么封装的,看封装代码可知。

你可能感兴趣的:(vue.js,JAVA,前端,javascript,java)