Chrome CORB阻止APIGateway lambda请求

Question

什么有效

我有一个简单的文字游戏。它工作得很好。用户要求的一件事是单词有效性检查。我正在AWS Lambda代理/节点上运行牛津字典api。jsendpoint，当我通过浏览器访问APIGateway uri时，效果非常好。

我选择AWS Lambda函数是为了保护我的Oxford API密匙，并且有更直接的CORS控制。

采取的步骤

我在AWS APIGateway中启用了CORS，并在开发过程中使用了“*”通配符。

我开始用我的本地服务器@ 127.0.0.1为游戏编写代码。

遇到错误

我遇到了以下问题：

myproject.html:57跨原点读取阻塞(CORB)阻塞跨原点响应https://xxxxxxxxxxx . execute-API . us-east-2 . Amazon AWS . com/prod/dictionary？word = MIME类型应用程序/json的帮助。更多详情请见https://www.chromestatus.com/feature/5629709824032768。getWord @ myproject.html:57(匿名)@ myproject.html:67

客户端代码

我正在使用一个简单的获取：

         var base_url = "https://XXXXXXXXXXX.execute-api.us-east-2.amazonaws.com/prod/dictionary?word=";
            getWord = function(word){
               fetch(base_url+word, {
                    headers: {
                        'content-type': 'application/json'
                    },
                    method: 'GET', 
                    mode: 'cors'
               }).then(function(response) {
                    console.log(response);
               });
            }

问题

我从未听说过科布。我不知道触发CORB的是什么，以及解决这个问题的步骤是什么。如何解决CORB问题？

Answer 1

我也有类似的问题。我建议使用POSTMAN来调试它，因为它可以显示标题，并允许您调整请求中需要的任何内容。

在我的例子中，我必须在添加头之后重新部署API。附加屏幕截图，以防对某些用户有帮助：

集成响应：

Answer 2

显然，我只需要坚持下去。以防有人遇到这种情况：

尽管启用了APIGateway CORS，但CORS权限在启用lambda代理集成的情况下传递给lambda函数。虽然最初的URI请求在APIgateway上被接受，但最终由于lambda响应中缺少头而失败。不知何故，这触发了CORB而不是CORS。我不知道为什么。

答案是确保在APIgateway中启用了CORS，并且lambda函数响应回调模式包含一个“Access-Control-Allow-Origin”头。