如何通过纯CGI/Python向前端发送CORS请求头

你的问题核心在于未正确处理CORS预检OPTIONS请求，同时存在响应头格式和请求参数传递的细节问题，以下是具体修复方案：

1. 修复后端Python脚本的CORS响应逻辑 #

Apache运行的Python作为CGI脚本时，跨域POST请求会先触发浏览器发送OPTIONS预检请求，脚本必须优先处理该请求并返回完整CORS头后终止执行，否则预检失败会直接触发CORS错误。同时需要补充必要的响应头：

#!/usr/bin/python
import os

# 优先处理OPTIONS预检请求
if os.environ.get('REQUEST_METHOD') == 'OPTIONS':
    print("Access-Control-Allow-Origin: *")
    print("Access-Control-Allow-Methods: POST, GET, OPTIONS")
    print("Access-Control-Allow-Headers: Content-Type")  # 允许前端设置的Content-Type头
    print("Content-Length: 0")  # OPTIONS请求无需返回内容
    print()  # CGI规范要求头与内容之间必须用空行分隔
    exit()  # 处理完OPTIONS直接退出，不执行后续逻辑

# 处理POST/GET请求的正常逻辑
print("Access-Control-Allow-Origin: *")
print("Content-Type: application/json")  # 与前端请求的Content-Type保持对应
print()  # 空行分隔响应头和内容

# 后续业务脚本逻辑...

关键细节：

• 必须单独处理OPTIONS请求：跨域POST（尤其是Content-Type为application/json时）会触发预检，后端需返回允许的方法、头信息后立即终止。
• 补充Access-Control-Allow-Headers：前端设置了Content-Type头，必须在响应中明确允许，否则预检不通过。
• 严格遵循CGI规范：响应头后必须添加单独的空行，否则Apache无法正确解析响应头。

2. 修正前端请求的格式矛盾 #

你的前端代码存在格式冲突：设置了Content-Type: application/json，但用HttpParams将参数放在URL查询字符串中，既不符合JSON请求的规范，也可能触发更严格的预检。建议二选一统一格式：

方式一：JSON格式传参（推荐） #

将参数放在请求体中，符合application/json的格式要求：

const headers = new HttpHeaders().set('Content-Type', 'application/json');
const requestBody = { parameter1: "4", parameter2: "2022" };

return this.http.post<any[]>('http://localhost/backend.py', requestBody, { headers });

方式二：表单格式传参 #

若坚持用HttpParams，则将Content-Type改为表单格式：

const headers = new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded');
const params = new HttpParams().set("parameter1","4").set("parameter2","2022");

return this.http.post<any[]>('http://localhost/backend.py', params, { headers });

3. 验证Apache的CGI配置 #

确保Apache已正确配置允许Python脚本作为CGI执行：

• 启用mod_cgi或mod_cgid模块
• 给Python脚本添加可执行权限：chmod +x backend.py
• 配置Apache允许目标目录执行CGI：

  <Directory "/path/to/your/backend-folder">
      Options +ExecCGI
      AddHandler cgi-script .py
  </Directory>
  

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