静态资源404主因是服务器未暴露对应路径，而非文件丢失或前端路径写错；需核对浏览器network中报错的request url与文件系统位置、框架静态目录约定（如flask的/static/）、web服务器映射配置（nginx的alias/apache的alias）及托管平台规则是否一致。
静态资源 404 不是文件丢了，而是服务器压根没被告诉“这个路径可以返回什么”——关键在服务端是否暴露该路径，而非前端 href 写得对不对。
检查资源 URL 是否落在服务器可服务路径内
浏览器 Network 面板里标红的 404 请求，它的 Request URL 就是唯一真相。拿这个 URL 去比对你的文件系统和服务器配置：
- 如果 URL 是
http://localhost/css/style.css，但你的style.css实际在assets/css/下，就得改 HTML 中的<link href="assets/css/style.css"> - 如果 URL 是
http://localhost/static/js/app.js，而你把 JS 放在项目根目录的js/里，那它永远 404 —— 除非你显式配置服务器把/static/映射到js/ - Windows 上注意隐藏扩展名：
logo.png.txt看起来像logo.png，但服务器找不到；Linux/macOS 区分大小写：IMG.JPG≠img.jpg
框架默认不提供任意路径下的文件
Flask、Django、SpringMVC 这类框架不会把整个项目目录当 Web 根目录，只暴露特定前缀（如 /static/）下的内容：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- Flask 要求静态文件必须放在名为
static的文件夹下，且 HTML 中必须用url_for('static', filename='css/style.css')，不能写./css/style.css - Django 必须把图片放进
static/目录，并在模板中用{% static 'images/logo.png' %}；放在templates/或同级目录下，开发服务器根本不会提供 - SpringMVC 若
<url-pattern>/</url-pattern>拦截了所有请求，/css/main.css会被DispatcherServlet吃掉，需配<resources></resources>或让 default servlet 接管
Nginx/Apache 必须显式映射静态路径
只放一个 style.css 在磁盘上，不配服务器，99% 的情况返回的是 404 —— 因为服务器根本不知道该路径对应哪个文件：
- Nginx：用
location /assets/ { alias /path/to/your/assets/; }，不是root；alias末尾斜杠必须一致，否则路径拼接出错 - Apache：确认
DocumentRoot指向你放资源的目录；若用.htaccess，确保mod_alias已启用，并用Alias /static "/path/to/static" - 配完必须重启服务，并用
curl -I http://localhost/assets/style.css验证返回200 OK和正确Content-Type
静态托管平台有硬性路径规则
GitHub Pages、Netlify、Vercel 不跑完整 Web 服务器，自定义路径或重定向必须严格按平台约定，否则请求直接 404：
- GitHub Pages：
404.html必须叫这个名字，且必须放在仓库**根目录**；/docs/404.html或/error/404.html全无效 - Netlify：要么在
_redirects文件里写/* /404.html 404，要么在netlify.toml中配[[redirects]] from = "/*" to = "/404.html" status = 404 - Vercel：默认识别
pages/404.js或app/404.tsx，但若你在getServerSideProps中重定向或抛错，状态码可能降级为200
最容易被忽略的是：本地双击打开 file:/// 路径不会触发任何 404，那只是浏览器读文件；真问题只出现在 HTTP 请求中，所以验证前务必确认地址栏是 http:// 开头，并用 Network 面板看真实响应头。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
