由于选项请求成功后缺少CORS标头，Angular 4请求失败

Question

我遇到了以下问题：在起飞前的OPTIONS请求成功后，随后的POST请求失败。这有点违反直觉，因为一旦选项成功，随后的请求应该被接受。

流程如下：

Request URL:https://<my aws hosted api endpoint>/pchacin/calc/sum
Request Method:OPTIONS

authority:<my aws end point>
method:OPTIONS
path:/pchacin/calc/sum
scheme:https
accept:*/*
accept-encoding:gzip, deflate, br
accept-language:ca,en;q=0.8,en-US;q=0.6,es-ES;q=0.4,es;q=0.2
access-control-request-headers:authorization,content-type
access-control-request-method:POST
origin:http://localhost:4200
referer:http://localhost:4200/calculator/sum

响应头

Status Code:200 
access-control-allow-credentials:true
access-control-allow-headers:Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token,X-Amz-User-Agent
access-control-allow-methods:OPTIONS,POST
access-control-allow-origin:*
content-length:0
content-type:application/json

后请求

Request URL:https://<my amazon end point>/pchacin/calc/sum
Request Method:POST

method:POST
path:/pchacin/calc/sum
scheme:https
accept:application/json, text/plain, */* 
accept-encoding:gzip, deflate, br
accept-language:ca,en;q=0.8,en-US;q=0.6,es-ES;q=0.4,es;q=0.2
authorization: <my security token>
content-length:13
content-type:application/json
origin:http://localhost:4200
referer:http://localhost:4200/calculator/sum
user-agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) 
AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 
Safari/537.36

发布响应（通知是返回200，我实际上看到了结果内容，所以后端可以请求）

content-length:12
content-type:application/json
date:Mon, 09 Oct 2017 14:25:29 GMT .  
status:200

错误消息

请求的资源上不存在“Access Control Allow Origin”标头。起源'http://localhost:4200因此，不允许访问。

Answer 1

我注意到Angular 6的POST操作是由选项请求启动的！

在后端实现了一个选项处理程序（返回200状态）之后，它看起来更好了。

在选项请求中还有一个“飞行前请求”：访问控制请求头：内容类型。

（文档引用：“在发出飞行前请求时使用Access Control Request header Request header，让服务器知道在发出实际请求时将使用哪些HTTP头。”）

我通过允许内容类型（在后端REST服务器中）：-“访问控制允许标头”修复了这个问题=

当然还有：“访问控制允许来源”=

然后，我得到了一个GET和POST工作！