Flask/Bootstrap图片无法显示：路径问题排查求助

你的问题核心是Flask的静态资源存放位置不符合框架约定，以及没有使用正确的路径生成方式。以下是具体解决步骤：

1. 调整项目文件结构 #

Flask默认约定静态资源（图片、CSS、JS等）必须放在static目录下，而非templates目录。你需要重新整理项目结构：

你的应用根目录
├── static/
│   └── images/
│       └── logo.svg
├── templates/
│   └── test.html
└── app.py  # 你的Flask主代码文件

2. 使用正确的图片引用方式 #

推荐用Flask内置的url_for函数生成路径，这能彻底避免路径歧义：

<img src="{{ url_for('static', filename='images/logo.svg') }}">

这个函数会自动根据Flask的配置生成正确的资源URL，不管应用部署在什么路径下都能正常访问。

如果不想用模板函数，也可以直接写绝对路径：

<img src="/static/images/logo.svg">

为什么之前的路径无效？ #

• Flask不会将templates目录下的子目录作为静态资源的访问路径，所以你放在templates/images里的图片无法通过/images或images/logo.svg访问。
• 直接写/images/logo.svg会让浏览器向应用根目录下的images文件夹请求资源，但你根本没在根目录建这个文件夹。
• 相对路径images/logo.svg会基于当前页面的URL去请求，比如当前页面是/，就会请求/images/logo.svg，同样找不到资源。

内容的提问来源于stack exchange，提问作者Hein du Plessis