vue前端post请求后端接口,后端接口接收不到参数

2024-09-02 约 569 字预计阅读 2 分钟

https://bing.ee123.net/img/rand?artid=129616681

vue前端post请求后端接口，后端接口接收不到参数

我是用对象接收的，前端通过封装数据对象，后端用对象接收，

前端

let viewItemPermissionsQueryParams={
      'projId': urlInfo.value.task_projectId,
      'userId': getUserInfo().userId,
      'useType': 'C'
    }
   
    viewItemPermissions(viewItemPermissionsQueryParams).then(response => {      
      if('success'==response.result){
        if('W'==response.data){
          ecmPer.value=true;
        }else {
          ecmPer.value=false;
        }
      }else {
        proxy.$modal.alertError(response.msg);
      }
    })

后端

 @Log(title = "【权限查询】", businessType = BusinessType.READ)
    @PostMapping("/viewItemPermissions")
    public Map<String,String> viewItemPermissions(ViewItemPermissionsPojo pojo)
    {
        return tProiOperService.selectProiOperByUserAndProj(Long.parseLong(pojo.getProjId()),Long.parseLong(pojo.getUserId()),pojo.getUseType());
    }

后来发现是参数前面没有加@RequestBody 导致的，加上就好了

正确后端接口应该是

 @Log(title = "【权限查询】", businessType = BusinessType.READ)
    @PostMapping("/viewItemPermissions")
    public Map<String,String> viewItemPermissions(@RequestBody ViewItemPermissionsPojo pojo)
    {
        return tProiOperService.selectProiOperByUserAndProj(Long.parseLong(pojo.getProjId()),Long.parseLong(pojo.getUserId()),pojo.getUseType());
    }

参考

[前端post请求传参到java后端，出现后端参数接收不到的问题_前端参数后端接收不到_程序媛-承哥的博客-CSDN博客

前端传参到java后端，出现后端参数接收不到的问题，有几种原因。1、后端对象接受时，如果对方用的是application/json没有用@RequestBody，后端会接收不到。2、后端java只用了@RequestMapping，并没有指定方法，会导致系统默认是用GET方法，不指定请求方式是非常不好的习惯，容易导致参数无法接收，如果是用form表单接收，或者在http方法中去取，加大了代码的冗余量，而且不好阅读。标准的示例：@RestController@RequestMapping

“前端post请求传参到java后端，出现后端参数接收不到的问题_前端参数后端接收不到_程序媛-承哥的博客-CSDN博客”)

目录

vue前端post请求后端接口,后端接口接收不到参数

vue前端post请求后端接口，后端接口接收不到参数

前端

后端

参考