在Angular调用java web API中传递http.post的参数

Question

我有一个奇怪的情况，可能是因为我错过了一些我没有意识到或知道的事情。我正在使用Angular创建一个简单的登录UI，并调用在java中创建的Web API。

java web API函数如下

@RequestMapping(value = "/logon", method = RequestMethod.POST, produces = {"application/json"})
@ResponseBody
public String logon(
        @RequestParam(value = "userID", required = true) String userID,
        @RequestParam(value = "password", required = true) String password,
        HttpServletRequest request)

现在，如果我使用http.post如下

login(username: string, password: string) {
    return this.http.post(this.url+"/security/logon/", 
                          JSON.stringify({ userID: username, password: password }) )

然后，我在Google Chrome浏览器中收到以下错误：

POST http://localhost:8080/logon/ 400 (Required String parameter 'userID' is not present)

但是，如果我更改代码如下：

login(username: string, password: string) {
    var usrpwd = "userID=" + username + "&password=" + password;
    return this.http.post(this.url+"/security/logon?"+usrpwd, usrpwd )

它工作得很好。我错过了什么吗？为什么http.post的第二个参数应该是传递的参数似乎不起作用？

提前感谢您的回复或反馈。

Answer 1

您正在使用两个必需参数定义端点网址，并且此类参数必须位于网址中（请检查here），因此当您向端点发出请求时，网址必须为：

http://localhost:8080/logon?userID=yourUserId&password=yourUserPassword

在第一个实现中，您没有将查询参数添加到URL，因此请求对url http://localhost:8080/logon/进行请求，因为它没有所需的参数，您的Web层正在返回400 http code，这意味着一个错误的请求（因为，您的网址不包含必需的参数）。

Answer 2

 constructor(private http:HttpClient){

}

登录（用户名，userPwd）{

   let body = {userName:usrName, userPwd:usrPwd};

    this.http.post("http://localhost:5000/security/login", body)
        .subscribe(
            res => console.log(res),
            error => console.log(error)
        )
}