API网关HTTP API CORS

Question

我使用的是新的API Gateway HTTP，它在配置期间可以让您添加CORS。所以我用设置*设置了Access-Control-Allow-Origin头。

但是，当我使用Postman发出请求时，我看不到该标头，这会导致我的VueJS Axios请求失败。

我之前使用了Lambda代理集成，并在我的Lambda中执行了以下操作

"headers": { 
            "Access-Control-Allow-Origin": "*" 
        }

然而，新的HTTP API似乎并没有实现CORS。也许我错过了一些简单的东西。

-编辑--

因此，我一直在寻找答案，并偶然看到Serverless的一篇博客文章，他们设置了以下内容

It’ll ensure following headers:

Access-Control-Allow-Origin: *
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, and all the methods defined in your routes (GET, POST, etc.)

我已经尝试了这些方法并重新部署，但仍然只能得到标准的头文件

谢谢

Answer 1

对于使用HTTP API和代理路由ANY /{proxy+}的任何人

您需要显式定义您的路由方法才能使CORS工作。

​

​

希望这一点在AWS Docs for Configuring CORS for an HTTP API中更明确

与AWS Support进行了2个小时的通话，他们联系了他们的一位高级HTTP API开发人员，他提出了这个建议。

希望这篇文章能节省一些人的时间和精力。

Answer 2

如果您有一个JWT授权器，并且您的路由接受任何请求，那么您的授权器将拒绝OPTIONS请求，因为它不包含授权/持有者令牌。要解决此问题，您需要显式地将您的路由指向所需的HTTP请求/方法。例如，POST

在这种情况下，您的授权器将忽略不带JWT的OPTIONS请求，并继续执行所需的请求。

Answer 3

(这是AWS HTTP api网关/AWS api网关v2的答案)。我也遇到了同样的问题，最后我请求了AWS支持。棘手的事情是实际上cors 在我们配置后已经在运行了，但我只是不知道如何测试它的(它不同于AWS REST API )，当测试时，我们需要指定源(应该与您的设置相同:访问-控制-允许- CORS中的源，如：http://example.com)和请求方法。例如：

curl -v -X GET https://www.xxx.yy/foo/bar/  -H 'Origin:http://example.com' -H 'Access-Control-Request-Method: GET'

然后，它将返回您在响应头部中设置的CORS头部: access-control-allow-origin、access-control-allow-method、access-control-allow-headers等。

我只是希望这能为遇到类似问题的人节省时间。顺便说一句，我希望亚马逊网络服务能将这种测试方式更新为官方文档(它不是很有用，但在找到真正的答案之前，必须让大多数人看到它)：https://docs.aws.amazon.com/apigateway/latest/developerguide/http-api-cors.html