我遇到了 API 网关的问题,我已经浏览了 AWS 论坛上的所有其他答案,也浏览了他们的文档,但仍然没有任何乐趣。
我正在尝试使用 AWS API 网关设置一个 API,该网关调用 Lambda 函数来读取/写入 DynamoDB 中的表。
DynamoDB 的 Lambda 函数正在运行。我在 AWS 中创建了一个 API,并为其创建了 GET 和 OPTIONS 方法。我读到 AWS 不会仅对 GET/POST 强制执行 OPTIONS,但当没有 OPTIONS 方法时,我在 ajax 调用中收到预检错误,因此我添加了一个。
目前,为了取得进展,我没有使用 API 密钥或授权。
我可以使用 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 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 使用的确切标头,其中包含授权标头集(我现在已在 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);
}
});
});
谁能告诉我我可能会错过什么?
非常感谢
Update请参阅下面的答案,了解我如何根据 DigitalKapteain 评论解决此问题 - 通过在 Lambda 函数的响应中设置 'Access-Control-Allow-Origin':'*' 标头。我在 AWS 文档中查找了此内容,但没有找到。此链接描述了 Lambda 和 Lambda Proxy 之间的区别,并解释了使用 CORS 时该怎么做https://serverless.com/framework/docs/providers/aws/events/apigateway/ https://serverless.com/framework/docs/providers/aws/events/apigateway/