flask只处理以/static/开头的静态文件请求，href="css/style.css"会因路径推导错误导致404；必须用url_for('static', filename='css/style.css')生成路径，并确保模板、flask配置和nginx location三者路径一致。

因为 Flask 不是静态文件服务器，它只响应以 /static/ 开头的请求，并将这部分路径映射到你指定的 static_folder 目录；任何其他路径（比如 /css/style.css 或 /post/css/style.css）都不会被处理，直接 404。

为什么 href="css/styles.css" 一定失败

浏览器看到这个写法，会从当前 URL 推导资源地址。比如你在 /post/1 页面，它就去请求 /post/css/styles.css —— 这个路径 Flask 根本没定义路由，连进视图函数的机会都没有，更别说找文件了。

• Flask 默认只接管 /static/xxx 这类请求，并自动映射到 static/ 文件夹下的真实路径
• 哪怕你把 CSS 和 HTML 放在同一目录，href="style.css" 依然无效
• 开发时用 Live Server 能跑通，只是掩盖问题：那其实是纯前端服务，后端接口根本没运行

必须用 url_for('static', filename='') 生成路径

硬编码 static/css/style.css 看似能绕过问题，但一旦你改了 static_url_path（比如设成 /res），所有路径就全挂了。而 url_for 是动态计算的，兼容所有配置。

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

• 在模板里写：<link href="%7B%7B%20url_for('static',%20filename='css/style.css')%20%7D%7D">
• filename 值必须和文件在 static/ 下的相对路径完全一致，比如 static/js/main.js → filename='js/main.js'
• 不要加 static/ 前缀到 filename 里，url_for 会自动拼上 static_url_path

Nginx 或宝塔部署后仍 404？检查 location 配置

本地 flask run 正常，但上线后静态资源 404，基本是 Nginx 没把 /static/ 请求正确代理到磁盘真实路径。

• 宝塔默认生成的 location /static { } 往往指向错误目录，比如 /www/wwwroot/your-site/static，而你的实际 static 在 /www/wwwroot/myapp/app/static
• 用 alias（不是 root）指向真实 static 目录，末尾必须带斜杠：alias /www/wwwroot/myapp/app/static/;
• 如果 Flask 里用了 static_url_path='/assets'，Nginx 的 location 必须同步改成 location /assets { alias ... }

最容易被忽略的是：路径错误往往不是单点问题，而是三层错配——模板里写错、Flask 初始化时 static_folder 指错、Nginx 的 location 又指错。查的时候得一层层确认，别只盯着 HTML 代码改。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！