Flask多页面跳转问题：无法从首页访问add页面求助

• 确认后端路由配置
  检查Flask代码中是否正确注册了/add路由，示例正确写法：

  from flask import Flask, render_template
  
  app = Flask(__name__)
  
  @app.route('/')
  def index():
      return render_template('index.html')
  
  @app.route('/add')
  def add():
      return render_template('add.html')
  

  注意路由路径拼写、大小写（Flask路由默认区分大小写），避免出现/Add或/ad这类错误路径。

• 检查前端跳转逻辑
  首页中跳转按钮的实现要对应后端路由：

  • 若用<a>标签，确保href指向根路径下的/add：

    <a href="/add">进入添加页面</a>
    

    不要直接写add.html这类相对路径，除非你明确配置了静态文件路由。
  • 若用表单提交，确认action属性值为/add：

    <form action="/add" method="GET">
      <button type="submit">进入添加页面</button>
    </form>
    

  排查是否有JavaScript代码阻止了默认跳转行为，比如误用event.preventDefault()且未手动处理跳转。

• 验证模板文件位置
  确保add.html放在Flask默认的templates目录下，项目结构应为：

  项目根目录/
      app.py
      templates/
          index.html
          add.html
          result.html
  

  若自定义了模板目录，初始化app时要指定路径：

  app = Flask(__name__, template_folder='自定义模板目录名')
  

• 查看Flask运行日志
  启动Flask应用后，观察终端日志。点击跳转按钮时，日志会显示请求的URL和状态码：

  • 若出现404 Not Found，说明路由未匹配，检查路径拼写；
  • 若出现500 Internal Server Error，说明渲染add.html时出错，根据日志提示修复模板或路由代码。

• 强制刷新浏览器缓存
  浏览器可能缓存了旧页面，按Ctrl+Shift+R强制刷新首页后再尝试跳转。

• 若以上无效，提供具体代码片段
  可补充以下内容以便精准排查：

  • 首页HTML中跳转按钮的完整代码
  • Flask后端路由的完整代码
  • 项目的目录结构截图或文字说明

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