问题内容

在 React 应用程序中，将 playerId 参数从前端传递到后端似乎存在问题。 Spring控制器中的createGame函数设置为接收playerId参数，但该值未使用Axios从前端正确传递。已尝试使用长整型和字符串作为playerId，但问题仍然存在。 仍然获得状态 400！

春天

反应

1. 将其存储为字符串参数。
2. 我使用了@PathVariable。
3. 我尝试直接在Postman中写入参数。
4. 我尝试更改端点。
5. 我没有展示的另一个端点（/login）运行良好，因此代理没有问题。

解决方法

在共享的 react 屏幕截图中 - 看起来您发送了一个 json 正文。

但是，在 spring controller 中 - 使用@requestparam。

看起来您要么需要更改react部分来调用像'/api/games/{playerid}'这样的url（这样playerid将作为url的一部分传递），要么更新spring控制器以接受@requestbody（并创建一个带有字段“playerid”的类） - 因此整个对象可以作为请求主体传递。

目前 react 发送了一个正文 - 但 spring 正在寻找 url 查询参数。两个部分都需要做同样的事情 - 无论它是什么。

spring 的变化如下所示：

public ResponseEntity<String> createGame(@RequestBody PlayerRequest playerRequest) {
    Long playerId = playerRequest.getPlayerId();
    // other code goes here
}

public class PlayerRequest {
    private Long playerId;

    public Long getPlayerId() {
        return playerId;
    }

    public void setPlayerId(Long playerId) {
        this.playerId = playerId;
    }
}