Angular ＋ STSでのAPI呼び出し

Question

http://localhost:4200/XXXというページから、API「http://localhost:8080/api/xxx.api」をPOSTで呼び出した際に、

Access to XMLHttpRequest at 'http://localhost:8080/api/xxx.api' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

というエラーが発生し、httpステータスコード【401】が返却されてしまいました。

下記のとおりに、実装しているのですが、Java側で設定すべきhttpレスポンスヘッダー情報がまだ漏れているのでしょうか。

実装

　　　　this.http.post(this.url + "/XXX.api", body,{headers:{'Content-Type': 'application/json'}})

//コントローラでの受け取り方
	   @RequestMapping(value = "/xxx.api", method = RequestMethod.POST)
	   public ResponseEntity<?> hoge(@RequestBody XxxRequest request) {
	        System.out.println(request);
		
		    return new ResponseEntity<>(new ResponseContent<>(
		    		xxxService.xxx(request)), HttpStatus.OK);
	   }

//レスポンスヘッダーの設定箇所
        HttpServletResponse httpResponse = (HttpServletResponse) response;
        httpResponse.setHeader("Access-Control-Allow-Origin","http://localhost:4200");
        httpResponse.setHeader("Allow","GET, POST, OPTIONS");
        httpResponse.setHeader("Access-Control-Allow-Headers", "Content-Type");
        httpResponse.setHeader("Cache-Control", "no-store, no-cache, must-revalidate, max-age=0");
        httpResponse.setHeader("Content-type", MediaType.APPLICATION_JSON_VALUE);
        httpResponse.setDateHeader("Expires", 0);
        httpResponse.setHeader("Pragma", "No-cache");

実際のrequestとresponseヘッダー情報

Provisional headers are shown
Access-Control-Request-Headers: content-type
Access-Control-Request-Method: POST
Origin: http://localhost:4200
Referer: http://localhost:4200/XXX
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.119 Safari/537.36

Access-Control-Allow-Credentials: true
Access-Control-Allow-Headers: content-type
Access-Control-Allow-Methods: POST
Access-Control-Allow-Origin: http://localhost:4200
Allow: GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH
Cache-Control: no-cache, no-store, max-age=0, must-revalidate
Content-Length: 0
Date: Tue, 26 Feb 2019 14:26:56 GMT
Expires: 0
Pragma: no-cache
Vary: Origin, Access-Control-Request-Method, Access-Control-Request-Headers
WWW-Authenticate: Basic realm="Realm"
X-Content-Type-Options: nosniff
X-Frame-Options: DENY
X-XSS-Protection: 1; mode=block

この設定で正しく動作した実績もあるのですが、急に動作しなくなったりでキャッシュを消去して試してみても操作しないままでした。
何か不備がありましたらご教授をお願いいたします。

Answer 1

プリフライトに失敗しているようですね。
一度公式に案内されている方法で対応してみてください。

https://spring.io/guides/gs/rest-service-cors/