AWS Developer Portal - TypeError: Failed to fetch

Question

我在 AWS 上使用 Developer Portal 无服务器应用程序。它与 AWS API 网关通信，并允许您根据 GW 的信息向已发布的 API 发送请求。当我尝试拨打电话时，出现此错误：

类型错误：获取失败

有谁知道这是从哪里来的以及如何对 Developer Portal 进行故障排除？

欢迎提出任何建议。

Answer 1

这个过程在我使用无服务器框架时很有效。

为了能够从 API 开发人员门户访问您的 API 资源，我建议您手动添加 'Access-Control-Allow-Origin': 'https://YOUR_DEVELOPER_PORTAL_URL' 到您的回复 headers 在您的 Lambda 端点中，如下面的代码片段所示：

    'use strict';

    exports.handler = function(event, context) {

        var responseCode = 200;

        var response = {
            statusCode: responseCode,
            headers: {
                "x-custom-header" : "your custom header value",
                "Access-Control-Allow-Origin": "https://YOUR_DEVELOPER_PORTAL_URL",
                "Access-Control-Allow-Headers": "Content-Type",
                "Access-Control-Allow-Methods": "OPTIONS,POST,GET"
            },
            body: JSON.stringify(event)
        };

        context.succeed(response);
    };

您还可以查看 How to CORS 以获得更多帮助。

Answer 2

接受的回应是核心问题。我这样做了，但问题仍然存在。帮助我诊断和解决问题的是通过在控制台中检查它来明确显示错误页面（4xx 和 5xx）。然后我可以更好地区分什么是 CORS 问题，什么是配置错误 API 密钥授权也阻止从开发门户访问 API 网关。

AWS Developer Portal - TypeError: Failed to fetch

AWS Developer Portal - TypeError: Failed to fetch

aws-api-gateway

portal