如何解决AWS应用负载均衡的access-control-allow-origin头部报错问题

常见故障原因与修复方法 #

• ALB配置覆盖后端CORS头：AWS Application Load Balancer的监听器如果配置了CORS相关的响应头修改规则，会优先于Flask返回的头生效，部分请求命中异常规则时就会出现跨域报错。
  • 修复操作：进入AWS ALB控制台，检查所有监听器的响应头修改规则，移除所有Access-Control-*相关的头配置，交由Flask应用统一处理跨域逻辑。
• ECS实例配置不一致：如果ECS集群中存在旧版本任务，旧版本镜像的flask-cors配置和新版本不一致，ALB将请求转发到旧实例时就会触发跨域。
  • 修复操作：检查所有运行中的ECS任务的镜像版本，下线所有配置异常的旧任务，建议将允许的跨域源通过ECS环境变量注入，避免硬编码导致的版本差异。
• ALB缓存了错误的预检响应：如果ALB开启了响应缓存，OPTIONS类型的预检请求的错误响应被缓存后，后续同接口的请求都会复用错误的CORS头，触发跨域。
  • 修复操作：
    1. 在ALB的缓存规则中排除OPTIONS请求，不对预检请求做缓存
    2. 调整Flask的CORS配置，明确指定预检请求的缓存时间，示例配置如下：

    from flask import Flask
    from flask_cors import CORS
    
    app = Flask(__name__)
    # 明确指定允许的源、预检缓存时间
    CORS(app, origins=["https://example.com"], supports_credentials=True, max_age=3600)
    

• 请求协议不匹配：如果前端使用HTTPS访问，但部分请求意外走HTTP调用ALB接口，而Flask配置中只允许了http://example.com，就会出现偶发跨域。
  • 修复操作：在ALB中配置HTTP强制跳转HTTPS规则，同时在flask-cors的origins配置中匹配前端的实际访问协议。

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