在SAM / CloudFormation / Swagger中为API网关配置CORS

Question

我按照这里的示例，其中包含一个用于配置CORS + SAM的swagger文件。 除非我手动将CORS标头添加到每个函数中，否则我仍然会收到CORS错误：

callback(null, {
    statusCode: '200',
    headers: {
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Headers': 'Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token',
        'Access-Control-Allow-Methods': 'OPTIONS,GET,POST,PUT,PATCH,DELETE'
    },
    body: JSON.stringify({message: "Hello world"})
});

这个对吗？ 或者我做错了什么？

Answer 1

所有AWS文档都建议您需要在每个API网关资源中指定这3个标头，并在每个支持CORS功能响应中返回它们，您可以看到他们必须将这3个标头添加到示例项目swagger中定义的2个API网关端点.yaml文件。

您提到的Github示例使用API Gateway所谓proxy resource ，它基本上是一个API Gatewaty路由，它将匹配对api的任何请求，并使用请求的parth，方法等触发代理lambda函数。等等可以在这里了解它的工作原理。

您是否愿意尝试像无服务器一样的东西，它可以帮助您更好地组织您的lambda功能，就像SAM一样。 它还支持CORS 。

Answer 2

我知道将所有这些添加到Swagger JSON中以获取所有方法是一项繁琐的工作。

            "headers": {
            "Access-Control-Allow-Origin": {
                "type": "string"
            },
            "Access-Control-Allow-Methods": {
                "type": "string"
            },
            "Access-Control-Allow-Headers": {
                "type": "string"
            }
        }

我在Java中创建了一个实用程序，它自动将这些头添加到Swagger JSON中。 您可以在将其导入API Gateway之前运行它。

https://github.com/anandlalvb/SwaggerToAPIGateway

Answer 3

当我们在Allow-Origin中使用*时，我们遇到了类似的问题。

当credentials标志为true时，无法在Access-Control-Allow-Origin中使用通配符。

更换

 'Access-Control-Allow-Origin': '*',

根据您的请求网址，您要求，

 'Access-Control-Allow-Origin': 'http://localhost:8000',

或者你的网址是什么。

您还需要在返回标头中包含端口号。 它还包括http或https。

如果您想自动化，请获取您可以列入白名单的引荐网址并传递引荐来源的协议，主机，端口部分。

希望能帮助到你。