浏览器只认url不认文件内容，css更新无效主因是强缓存；应在link标签href中添加?v=版本号（如?v=1.0.1）使url变化，强制重新请求，且须配合构建工具自动生成哈希或时间戳，避免手动维护出错。
浏览器只认 URL，不认文件内容
你改了 style.css 里的颜色，页面却没变——不是代码错了，也不是服务器没传新文件，而是浏览器压根没发请求。它看到 href="style.css" 这个 URL 没变，就直接从磁盘读缓存（from disk cache），连 HTTP 请求都省了。加 ?v=1.0.1 或 ?t=1716931680 的本质，就是让这个 URL 变成新地址，逼浏览器重新发起请求。
后缀必须写在 href 里，不能改文件名或路径
常见错误是把 style.css 手动重命名为 style.css?v=1.0.1 放到服务器上——文件系统不认识 ?，Nginx / Vercel / Apache 都会返回 404。正确位置只有一处：<link href="style.css?v=1.0.1">。服务端收到的请求路径是 /style.css?v=1.0.1，但静态服务器默认忽略查询参数，只按 /style.css 去找物理文件。
手写版本号很危险，自动化才是正解
手动维护 v=1.0.1 → v=1.0.2 容易漏、容易错：
- 你改了 CSS，但忘了更新 HTML 里的
v=值，缓存照旧生效 - 你升级了
v=1.0.2，但 CSS 实际没变，用户白下一次 - 用时间戳（
?t=1716931680）会导致每次构建都强制刷新，开发时浪费带宽，CDN 缓存也失效
Webpack 用户该用 MiniCssExtractPlugin 配 contenthash，产出 style.a1b2c3d4.css；Vite 用户开默认哈希（build.rollupOptions.output.assetFileNames 含 [hash]）。此时根本不用加查询参数——文件名变了，URL 自然不同，缓存自动失效。
某些 CDN 或代理会忽略查询参数
哪怕你写了 style.css?v=abc123，部分老旧 CDN、企业级反向代理或中间网关会“规范化” URL，主动删掉 ?v=xxx 再转发，结果又回到强缓存的老路。这时唯一可靠的方式是让文件名本身变化：生成 style.a8f3b.css 并确保 HTML 中的 href、CSS 里的 @import 路径、甚至 JS 动态加载路径全部同步更新。否则，404 或样式丢失就是必然结果。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
