jquery - AWS API Gateway 不存在 'Access-Control-Allow-Origin' header

Question

我遇到了 API 网关的问题，我已经浏览了 AWS 论坛上的所有其他答案，也浏览了他们的文档，但仍然没有任何乐趣。

我正在尝试使用 AWS API 网关设置一个 API，该网关调用 Lambda 函数来读取/写入 DynamoDB 中的表。

DynamoDB 的 Lambda 函数正在运行。我在 AWS 中创建了一个 API，并为其创建了 GET 和 OPTIONS 方法。我读到 AWS 不会仅对 GET/POST 强制执行 OPTIONS，但当没有 OPTIONS 方法时，我在 ajax 调用中收到预检错误，因此我添加了一个。

目前，为了取得进展，我没有使用 API key 或授权。我可以使用 POSTMAN 成功调用 GET 方法，该方法返回 DynamoDB 表的内容。

但是当我尝试使用 JQuery ajax 调用时，我得到

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

我可以看到在网络选项卡下使用 Chrome 开发工具，OPTIONS 方法返回状态 200，GET 返回状态 200，但出现上述错误。

我尝试在 OPTIONS 和 GET 方法上启用 CORS，每次更改后都重新部署 API，尝试了以下操作 ( http://enable-cors.org/server_awsapigateway.html )，但总是在控制台中出现相同的错误。

我正在从桌面上的文件执行 ajax 调用，因此 origin 为 null，因为该页面将作为 JS 中的单个网页应用程序部署到 S3。

当我在 GET 和 OPTIONS 上启用 CORS 时，我可以看到 Access-Control-Allow-Headers 是 'Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz- Security-Token' 和 Access-Control-Allow-Origin* 是 '*'

我的 Ajax 调用如下所示。我还尝试复制 POSTMAN 使用的确切 header ，其中包含授权 header 集(我现在已在 AWS 中关闭它)，但我总是遇到上面相同的错误

var awsHeaders = {};
awsHeaders['X-Amz-Date'] = '20161127T171734';

$('#add, #cloud').click(function() {

    $.ajax({

        type: 'GET',
        headers: awsHeaders,
        dataType : "json",
        url: '...',
        success: function (res) {

            console.log('response in GET:');
            console.log(res);

        },
        error: function(data) {
            console.log('in error');
            console.log(data);
        }

    });

});

任何人都可以阐明我可能缺少的内容吗？

非常感谢

更新请参阅下面的答案，了解我如何根据 DigitalKapteain 评论解决此问题 - 通过在 Lambda 函数的响应中设置 'Access-Control-Allow-Origin':'*' header 。我在 AWS 文档中查找了此内容，但没有找到。此链接描述了 Lambda 和 Lambda Proxy 之间的区别，并解释了使用 CORS 时要执行的操作 https://serverless.com/framework/docs/providers/aws/events/apigateway/

Answer 1

对 Lambda 函数的 GET 请求的响应还必须包含 Access-Control-Allow-Origin header 。