Spring REST Controller 没有响应 Angular 请求

Posted

技术标签:

【中文标题】Spring REST Controller 没有响应 Angular 请求【英文标题】:Spring REST Controller is not responding to Angular request 【发布时间】:2019-05-25 21:09:27 【问题描述】:

我有一个应用程序来创建服务器证书请求,就像使用 java keytool 之类的一样。我正在尝试在 zip 文件中返回创建的证书请求和密钥,但对于我的生活,我无法让我的 REST 控制器响应 http 请求。更正:控制器响应,但方法中的代码从未执行。

服务器确实收到了请求,因为我的 CORS 过滤器已执行。但是我在控制器方法中有一个调试集,它从未被触发。方法的签名是否正确?请问我需要另一双眼睛吗?

这是我的控制器代码:

@RequestMapping(method = RequestMethod.POST, value = "/generateCert/")
public ResponseEntity<InputStreamResource> generateCert(@RequestBody CertInfo certInfo) 
    System.out.println("Received request to generate CSR...");

    byte[] responseBytes = commonDataService.generateCsr(certInfo);
    InputStreamResource resource = new InputStreamResource(new ByteArrayInputStream(responseBytes));

    System.out.println("Generated CSR with length of " + responseBytes.length);
    return ResponseEntity.ok()
            .header(HttpHeaders.CONTENT_DISPOSITION, "attachment;filename=certificate.zip")
            .contentType(MediaType.parseMediaType("application/zip"))
            .contentLength(responseBytes.length)
            .body(resource);

这里是 Angular 请求:

generateCertificate(reqBody: GenerateCert) 
   let headers = new Headers();
   headers.append('Content-Type', 'application/json');

   this.http.post(this.urlGenerateCert, JSON.stringify(reqBody), headers: headers).subscribe(
    (data) => 
        let dataType = data.type;
        let binaryData = [];
        binaryData.push(data);
        this.certBlob = new Blob(binaryData);
    );
    return this.certBlob;
 

最后,我从网络面板复制的请求和响应标头:

Response
Access-Control-Allow-Credentials: true
Access-Control-Allow-Headers: Content-Type, Authorization, Accept, X-Requested-With, remember-me
Access-Control-Allow-Methods: POST, GET, OPTIONS
Access-Control-Allow-Origin: *
Access-Control-Max-Age: 3600
Cache-Control: no-cache, no-store, max-age=0, must-revalidate
Content-Length: 0
Date: Thu, 27 Dec 2018 22:48:00 GMT
Expires: 0
Location: http://localhost:8102/login
Pragma: no-cache
Set-Cookie: JSESSIONID=EDACE17328628D579670AD0FB53A6F35; Path=/; HttpOnly
X-Content-Type-Options: nosniff
X-Frame-Options: DENY
X-XSS-Protection: 1; mode=block

Request
Accept: application/json, text/plain, */*
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.9
Connection: keep-alive
Content-Length: 205
Content-Type: application/json
Host: localhost:8102
Origin: http://localhost:4200
Referer: http://localhost:4200/generateCerts
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (Khtml, like Gecko) Chrome/71.0.3578.80 Safari/537.36

我真的很难让 CORS 正常工作,所以这可能会干扰请求?除非绝对必要,否则我讨厌发布所有代码。有人有什么想法吗?

【问题讨论】:

我们又来了。 http.post 返回一个 Observable。不是一个斑点。为什么?因为 AJAX 是异步的。所以它返回一个 observable,它允许你在很久以后,当响应最终可用时得到通知。当您执行this.certBlob 时,您会在发送请求后立即执行此操作。回应还没有回来。所以 this.certBlob 是未定义的。服务必须返回一个 observable。对响应感兴趣的组件必须订阅返回的 observable,以便在证书返回时收到通知。 嗯,我相信我确实订阅了请求 - 滚动过去。 您确实订阅了。在您订阅并因此发送请求之后,您返回 this.certBlob,它是未定义的,因为它只会在很久以后,在方法返回很长时间之后,当回调传递给订阅时填充已被调用,因为响应终于从服务器返回。将吐司放入烤面包机后,您不能立即食用。你需要等到烤面包机告诉你吐司烤好了。 我已经告诉过你了。阅读我的第一条评论。服务必须返回一个可观察的。 IE。 return this.http.post(...); 调用 te 服务并想要访问证书的组件必须订阅服务返回的 observable。不要订阅服务。 为什么不使用 REST 客户端,例如邮递员首先测试端点。这将有助于准确了解问题出在 Angular 应用程序还是 spring-boot 应用程序上。 【参考方案1】:

请求/响应标头列表缺少有关 URL、方法和最重要的响应状态代码的信息。

在响应标头中看到Location: http://localhost:8102/login,我可以猜测它可能是401 Unauthorized 或其他任何重定向到登录页面的东西。因此,如果过滤器链中存在 auth 过滤器,则可能是罪魁祸首。

以下请求标头

Host: localhost:8102
Origin: http://localhost:4200

建议您正在执行 CORS,并且可能确实涉及 CORS 过滤器并在请求被路由到控制器之前完成响应。我建议在 CORS 过滤器中设置一个断点(如果有的话,也可以在其他过滤器中设置一个断点)并将其调试到返回响应的位置。

【讨论】:

是的,这正是我所做的,我发现请求正在发送到服务器,但不是我的控制器方法。【参考方案2】:

定义一个proxy.conf.json


"/login*": 
    "target":"http://localhost:8080",
    "secure":false,
    "logLevel":"debug"
    
 

现在在你的 package.json

"scripts": 
    "start":"ng serve --proxy-config proxy.config.json"

我认为在两个 webapp 中获取连接时存在问题。请尝试。

【讨论】:

【参考方案3】:

当 Angular 遇到这个语句时

this.http.post(url,body).subscribe(data => # some code
);

当服务继续执行时,它会立即返回运行其余代码。就像 Java 中的 Future。

如果你在这里

return this.cert;

您不会获得最终可能由 this.http 服务填充的值。由于页面已经呈现并且代码已经执行。您可以通过在 Observable 内部和外部包含它来验证这一点。

console.log(“Inside/outside observable” + new Date().toLocalTimeString());

【讨论】:

【参考方案4】:

感谢所有做出贡献的人。我发现错误是由于我的控制器方法的标头造成的。更改它们后,该方法被正确调用。这是有效的:

@RequestMapping(method = RequestMethod.POST, path = "/generateCert", 
    produces = MediaType.APPLICATION_OCTET_STREAM_VALUE, consumes = MediaType.APPLICATION_JSON_VALUE)
public ResponseEntity<byte[]> generateCert(@RequestBody CertInfo certInfo) 
    byte[] responseBytes = commonDataService.generateCsr(certInfo);    
    return ResponseEntity.ok()
            .header(HttpHeaders.CONTENT_TYPE, MediaType.APPLICATION_OCTET_STREAM_VALUE)
            .contentLength(responseBytes.length)
            .body(responseBytes);

【讨论】:

以上是关于Spring REST Controller 没有响应 Angular 请求的主要内容,如果未能解决你的问题,请参考以下文章

为啥 Rest Controller 会给出错误:“处理程序没有适配器”?

Spring Rest Controller PUT 方法请求正文验证?

Spring Boot 忽略 Rest Controller 中的 Jackson 注释

Spring Boot Rest Controller 通用 POST 类型

Spring Boot Rest Controller:返回默认错误 JSON

Angular 2 + CORS + 带有 Spring Security 的 Spring Boot Rest Controller