基于AWS ECR镜像的Lambda Function URL无法被本地CRA前端调用：CORS拦截

问题分析 #

你已经在控制台配置了Function URL的CORS允许所有源，但仍然出现跨域错误，核心原因是自定义Docker镜像的Lambda运行时需要自行处理OPTIONS预检请求，并在所有响应中返回正确的CORS头——仅靠控制台的CORS配置不足以覆盖自定义运行时的请求处理逻辑。

具体解决方案 #

1. 修改Python Lambda代码，添加CORS响应处理 #

在你的Lambda handler中，必须显式处理OPTIONS预检请求，并为所有响应（包括POST）添加CORS头：

import json

def lambda_handler(event, context):
    # 处理浏览器发送的OPTIONS预检请求
    if event["requestContext"]["http"]["method"] == "OPTIONS":
        return {
            "statusCode": 200,
            "headers": {
                "Access-Control-Allow-Origin": "*",
                "Access-Control-Allow-Methods": "POST, OPTIONS",
                "Access-Control-Allow-Headers": "Content-Type"
            },
            "body": json.dumps("")
        }
    
    # 处理POST请求的业务逻辑
    try:
        request_data = json.loads(event["body"])
        # 这里替换成你的实际业务代码
        result = {"message": "请求成功", "received_data": request_data}
        
        return {
            "statusCode": 200,
            "headers": {
                "Access-Control-Allow-Origin": "*",
                "Content-Type": "application/json"
            },
            "body": json.dumps(result)
        }
    except Exception as e:
        return {
            "statusCode": 500,
            "headers": {
                "Access-Control-Allow-Origin": "*",
                "Content-Type": "application/json"
            },
            "body": json.dumps({"error": str(e)})
        }

2. 重新构建并推送Docker镜像 #

修改代码后，重新构建镜像并推送到ECR：

# 构建镜像
docker build -t lambda-python-cors .

# 标记镜像（替换为你的ECR仓库地址）
docker tag lambda-python-cors:latest <你的ECR仓库URI>:latest

# 推送镜像到ECR
docker push <你的ECR仓库URI>:latest

3. 更新Lambda函数并确认CORS配置 #

• 进入Lambda控制台，找到你的函数，在"代码"选项卡中选择"部署新版本"，使用刚推送的新镜像。
• 检查Function URL的CORS配置：
  • 允许来源（Allowed origins）设为*
  • 允许方法（Allowed methods）勾选OPTIONS和POST
  • 允许头部（Allowed headers）设为*（或至少包含Content-Type）
  • 允许凭据（Allow credentials）保持为false（因为使用*作为来源时不能启用凭据）

4. 测试请求 #

重启本地React服务器（npm run start），重新发送POST请求，此时跨域错误应该会消失。

额外注意事项 #

• 如果你的axios请求包含自定义请求头，需要在Access-Control-Allow-Headers中添加对应的头名称。
• 确保Lambda函数的执行角色有足够权限，但这通常不是CORS问题的原因。

内容的提问来源于stack exchange，提问作者ajunx8