You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Windows10系统PyCharm中Flask调用HTML文件失败的解决咨询

解决Flask无法找到HTML模板的问题

这是Flask最常见的新手问题之一——它默认有固定的模板文件查找规则,你只需要调整一下文件结构就能解决:

1. 遵循Flask默认的模板路径规则

Flask会自动在和你的Python脚本同级的templates文件夹中查找HTML模板文件。你需要重构你的项目文件夹结构:

你的项目文件夹/
├─ app.py  # 你的Flask主脚本文件
└─ templates/  # 必须叫这个名字(除非你自定义路径)
   ├─ home.html
   └─ about.html

把所有HTML文件移动到新建的templates子文件夹里,保持你的Python脚本在根目录。

2. 确认代码缩进正确

你的代码逻辑没问题,但Python对缩进要求严格,修正后的标准代码应该是这样(注意函数和路由装饰器的缩进):

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
    return render_template("home.html")

@app.route('/about/')
def about():
    return render_template("about.html")

if __name__ == "__main__":
    app.run(debug=True)

3. 额外检查项

  • 文件名大小写:虽然Windows系统文件名不区分大小写,但Flask的模板查找是严格匹配的,确保home.html和代码里的"home.html"拼写完全一致(包括大小写)。
  • 自定义模板路径(可选):如果你不想用默认的templates文件夹,可以在初始化Flask时指定自定义路径,比如:
    # 假设你的HTML文件放在名为"my_html_files"的文件夹里
    app = Flask(__name__, template_folder="my_html_files")
    

完成以上操作后,重启你的Flask服务,访问http://localhost:5000和http://localhost:5000/about/就能正常加载对应的HTML页面了。

内容的提问来源于stack exchange,提问作者chionae

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 09:54:21