Flask项目卡在首页无法跳转，寻求技术解决方案

• 检查表单action属性
  确认HTML表单的action属性指向正确的后端路由，避免为空或指向当前首页。例如要跳转到添加书籍页面，表单应写为：

  <form method="POST" action="/add_book">
    <!-- 表单选项与提交按钮 -->
    <button type="submit">进入添加页面</button>
  </form>
  

• 验证后端路由的请求方法
  Flask路由必须明确声明接受POST方法，否则表单提交的POST请求会被拒绝，导致页面无跳转。正确的路由写法：

  @app.route('/add_book', methods=['GET', 'POST'])
  def add_book():
      if request.method == 'POST':
          # 处理表单数据逻辑
          return redirect('/add_success')  # 处理完成后跳转到目标页面
      return render_template('add_book.html')
  

• 确认POST请求后的跳转逻辑
  后端处理完表单提交后，必须使用redirect()方法跳转到目标功能页面，不能直接渲染首页模板。错误写法会导致页面URL不变，看起来始终停留在首页：

  # 错误：直接返回首页模板
  # return render_template('index.html')
  # 正确：重定向到目标页面
  return redirect('/view_books')
  

• 排查表单选择逻辑的错误
  如果首页是通过选择框提交功能选项，要确保后端正确获取并判断选项值，再执行跳转：

  @app.route('/', methods=['GET', 'POST'])
  def index():
      if request.method == 'POST':
          func_choice = request.form.get('function_choice')
          # 根据选择项跳转对应页面
          if func_choice == 'add':
              return redirect('/add_book')
          elif func_choice == 'view':
              return redirect('/view_books')
          # 若未匹配到选项，可重定向回首页并提示
          return redirect('/')
      return render_template('index.html')
  

• 通过浏览器开发者工具排查请求异常
  按下F12打开开发者工具，切换到Network标签，提交表单后观察请求状态：

  • 404错误：说明表单action或后端路由地址不匹配，需修正路径
  • 405错误：说明路由未开启POST方法支持，补充methods=['POST']
  • 200状态但页面无变化：说明后端返回的仍是首页内容，需检查跳转逻辑

内容的提问来源于stack exchange，提问作者Vítek Filip