首页 > 解决方案 > 使用 Axios 从 React 前端连接 API Gateway 和 Lambda 时出现 CORS 问题

问题描述

我尝试在 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"})
    }

标签: aws-lambdacorshttp-headersaws-api-gateway

解决方案


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

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


推荐阅读