Vue前后端通信错误

367 阅读1分钟

前后端通信时错误代码为400,500

500

错误类型

500(Internal Server Error)服务器遇到错误,无法完成请求,一般是前端传参时没传对。

解决办法

后端将参数封装起来写成一个类,不要单独传递变量

检查后端参数是否写@RequestBody注解

推荐做法:

public Result getUserByPage(@RequestBody PageParams pageParams)//接口参数
//参数类定义
import lombok.Data;
@Data
public class PageParams {
    private Long currentPage;
    private Long pageSize;
}

不推荐做法:

public Result getUserByPage(Long PageParams,Long pageParams)

400

错误类型

400(Bad Request)错误原因是前端没有传递所需要的参数

解决办法

检查请求方式是否为get,当请求方式是get时,前端无法发送json数据,后端当然也就接收不到了。更改请求方式即可解决

检查前端api是否传递data,传递参数的名称是否正确