Flask模板中相对路径（如images/logo.png）必然404，因浏览器基于当前URL拼接请求路径，而Flask仅响应/static/开头的静态资源请求；正确做法是统一使用{{ url_for('static', filename='images/logo.png') }}生成路径。
Flask 模板里写 <img src="images/logo.png"> 或 <link href="css/style.css"> 一定不生效——浏览器会按当前 URL 路径拼接，不是按项目结构找文件。
为什么相对路径在模板里总是 404？
HTML 中的相对路径（如 images/logo.png）由浏览器解析，它基于当前页面 URL 计算完整请求地址。比如用户访问 http://localhost:5000/post/123，那么 <img src="images/logo.png"> 实际请求的是 http://localhost:5000/post/images/logo.png，而 Flask 根本没在这条路由下注册任何 handler，必然 404。
Flask 的 static_folder 只响应以 /static/（或你自定义的 static_url_path）开头的请求，其他路径一律不管。
- 相对路径是前端行为，和 Flask 的静态文件配置无关
- 哪怕你的图片真在
static/images/logo.png，用相对路径也找不到它 -
render_template只负责把变量塞进 HTML 字符串，不重写任何标签属性
怎么让图片/CSS/JS 正确加载？
唯一可靠方式是显式指向 Flask 的静态服务端点，用 url_for('static', filename=...) 生成 URL。
- ✅ 正确：
<img src="%7B%7B%20url_for('static',%20filename='images/logo.png')%20%7D%7D"> - ✅ 正确：
<link href="%7B%7B%20url_for('static',%20filename='css/style.css')%20%7D%7D"> - ❌ 错误：
<img src="images/logo.png">（相对路径） - ❌ 错误：
<img src="/images/logo.png">（硬编码，绕过 Flask 静态路由）
注意：filename 必须是相对于 static/ 文件夹的路径，不能带 static/ 前缀；且大小写、扩展名必须与磁盘文件完全一致（尤其 Windows 下容易忽略）。
让 macOS 自动化像说话一样简单 —— 用代码控制你的 Mac，无需学习 AppleScript 系统要求 macOS 14+ (Sonoma) Python 3.9+ 需要开启：辅助功能 + 屏幕录制权限
部署到 Nginx 后图片又 404 怎么办？
开发时 url_for 生成的 /static/xxx 能正常加载，但上线后 Nginx 返回 404，说明 Nginx 没把 /static/ 请求转发给 Flask，而是自己去磁盘找文件——而且找错了位置。
- 检查宝塔或 Nginx 配置中
location /static { ... }块里的alias是否指向你项目真实的static/目录（例如alias /www/wwwroot/myapp/app/static/;） - 如果 Flask 初始化时用了
static_url_path='/res'，Nginx 的location就得改成location /res { alias ...; } - 别用
root拼路径，alias更安全直观
从外部网页抓取的 HTML 里有 <img src="/images/foo.jpg"> 怎么办？
这类路径属于原始网站上下文，直接渲染会导致浏览器向原始域名发请求（如 https://example.com/images/foo.jpg），跟你本地 static/ 完全无关。
必须在后端用 BeautifulSoup 等解析 HTML，逐个修正 src 属性：
- 识别以
/开头但不含域名的路径（如/images/foo.jpg） - 将其替换为
url_for('static', filename='images/foo.jpg')对应的真实路径 - 注意过滤掉已有协议的 URL（如
https://...），避免误改
这个过程无法靠模板自动完成，必须在视图函数里处理原始 HTML 字符串——这也是最容易被跳过的环节。
Python免费学习笔记（深入）：立即使用
在学习笔记中，你将探索 Python 的核心概念和高级技巧！
