使用 Axios 从 React 前端连接 API Gateway 和 Lambda 时出现 CORS 问题

Question

我尝试在 API Gateway 中配置“启用 CORS”并设置所有必需的标头。在 Lambda 函数中，我设置了诸如 Access-Control-Allow-Origin、Access-Control-Allow-Methods、Access-Control-Allow-Headers 之类的标头？

预检请求尚未从 API Gateway 发送到 Lambda 函数。有什么需要我检查和配置的吗？

请帮帮我。提前致谢

def lambda_handler(event, context):
    return {
        "statusCode": "200",
        "headers": {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "*",
            "Access-Control-Allow-Headers": "*",
        },
        "body": json.dumps({"test": "123"})
    }

Answer 1

您是否已将 API Gateway 配置为使用 Lambda 代理集成？如果你想让你的 lambda 设置标题，你应该这样做。

本质上，您要么让 lambda 添加必要的标头，就像您在本示例中想要做的那样，要么让 API Gateway 添加它们。要让 lambda 添加它们，您需要启用 Lambda 代理集成。

见

• https://cloudonaut.io/how-to-enable-cors-on-api-gateway-with-lambda-proxy-integration/ https://docs.aws.amazon.com/apigateway/latest/developerguide/how-to-cors.html
• https://docs.aws.amazon.com/apigateway/latest/developerguide/set-up-lambda-proxy-integrations.html
• https://medium.com/@lakshmanLD/lambda-proxy-vs-lambda-integration-in-aws-api-gateway-3a9397af0e6d - 有关于如何启用 Lambda 代理集成的屏幕截图