### Flask 应用接收 HTML 表单提交数据问题排查 #### 1. 配置 CORS 支持 如果遇到跨域资源共享 (CORS) 的问题，确保已正确配置 CORS 中间件。这允许来自不同源的请求访问服务器资源。 ```python from flask import Flask, request from flask_cors import CORS app = Flask(__name__) CORS(app) ``` #### 2. 获取 POST 请求中的表单数据 对于 `application/x-www-form-urlencoded` 或者 `multipart/form-data` 类型的表单提交，应该使用 `request.form` 来获取键值对形式的数据[^1]。 ```python @app.route('/submit', methods=['POST']) def submit(): form_data = request.form.to_dict() return f"Received data: {form_data}" ``` #### 3. 处理 JSON 数据 当客户端发送的是 JSON 格式的请求体，则应通过 `request.get_json()` 方法读取并解析 JSON 对象[^4]。 ```python data = request.get_json(force=True) ``` #### 4. 检查 Content-Type 请求头 确认前端发出的 POST 请求设置了正确的 `Content-Type` 请求头。不同的内容类型决定了服务端应该如何解释传入的数据流[^3]。 - 对于常规表单 (`<form>`)，通常是 `application/x-www-form-urlencoded`； - 文件上传场景下则是 `multipart/form-data`； - AJAX 调用或 API 客户端可能采用 `application/json`。 #### 5. 测试接口行为 利用 Postman 工具模拟各种类型的 HTTP 请求，验证后端能否正常接收到预期格式的数据。注意调整请求头部以及负载部分以匹配实际应用场景的需求。 #### 6. 日志记录与调试 增加日志输出语句帮助定位具体哪个环节出了差错： ```python import logging logging.basicConfig(level=logging.DEBUG) ... @app.route('/submit', methods=['POST']) def submit(): logging.debug(f"Headers received: {dict(request.headers)}") logging.debug(f"Raw body content: {request.get_data(as_text=True)}") ... ``` 以上措施有助于诊断为何 Flask 后端未能成功捕获到 POST 请求携带的信息，并采取相应对策加以修复[^2]。