Flask开发中HTML表单POST请求失效、后端无法获取表单数据问题

核心问题诱因 #

• 前端表单属性拼写错误：代码中表单提交属性写为methods="POST"，HTML原生规范里对应的属性名是method（无末尾s）。因为属性名不符合规范，浏览器会直接忽略这个错误配置，默认以GET方法提交表单，将输入的字段拼接到URL查询参数中。
• 现象匹配度验证：你抓取的运行日志里出现GET /main?user=adasd&pass=123123请求，就是GET提交表单时把数据附在URL后的典型特征；后端request.form是专门解析POST请求体的对象，因为实际发起的是GET请求，请求体无表单数据，因此返回空的ImmutableMultiDict([])结构，request.method == "POST"的分支永远不会触发，读取到的用户名、密码值自然为None。

修复操作步骤 #

• 修改前端表单的错误属性，将methods替换为标准的method：

  <!-- 错误写法 -->
  <form action="{{url_for('enter')}}" methods="POST" autocomplete="off">
  
  <!-- 正确写法 -->
  <form action="{{url_for('enter')}}" method="POST" autocomplete="off">
  

• 优化后端路由冗余逻辑：目前/路由和/main路由的GET分支都返回同一个index.html，重复逻辑容易增加维护成本；如果需要兼容GET方式携带参数的登录请求，可以在GET分支补充request.args的参数解析逻辑。
• 修改完成后重启Flask服务，重新提交表单，查看运行日志确认请求方法从GET /main变为POST /main，此时request.form即可正常读取到输入的用户名和密码值。

快速排查技巧：临时调试时可以在后端入口同时打印request.method、request.args、request.form三个值，就能直接定位请求携带的数据实际存储位置。

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