加v=参数后Bootstrap样式未更新，是因为只给自定义CSS加了版本号，却遗漏bootstrap.min.css；浏览器按完整URL缓存，二者独立，旧版bootstrap仍被加载。
为什么加了 v= 参数后 Bootstrap 样式还是没更新？
因为只给自定义 CSS 加版本号，却漏掉了 bootstrap.min.css。浏览器缓存是按完整 URL 区分的，bootstrap.min.css 和 style.css 是两个独立资源，各自缓存。你改了 style.css?v=20260819，但 bootstrap.min.css 还是旧 URL，它就继续用磁盘缓存里的老版本。
常见错误现象：bootstrap.min.css 在 Network 面板里状态码是 304 或显示 from disk cache，而你的 style.css 显示 200；页面上按钮圆角、栅格间距等基础样式“突然退化”。
- 必须同步给所有外部 CSS 文件加版本参数，包括 CDN 引入的
bootstrap.min.css - CDN 链接加
v=不影响 SRI（Subresource Integrity）校验，integrity属性仍有效 - 不要用时间戳动态生成（如
?t=1724120760），CDN 通常忽略查询参数做缓存，反而导致无法命中边缘节点缓存
本地开发时 bootstrap.min.css 总是不加载，和缓存有关吗？
无关。这是加载失败，不是缓存问题。缓存的前提是文件成功加载过至少一次；如果 Network 面板里压根看不到 bootstrap.min.css 这一行，或状态码是 404/403/failed，说明请求根本没发出去或被拦下了。
典型原因：
-
rel="stylesheet"拼错成rel="sytleheet"或rel="css"—— 浏览器静默忽略，Network 面板里完全不出现该请求 - HTTPS 页面里写了 HTTP 的 CDN 地址，被浏览器标记为
Mixed Content并自动阻止 - CDN 链接被 Markdown 或模板引擎二次转义，例如原始写法是
https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/...，结果渲染成http://localhost:8000/https://cdn... -
标签写在里，部分浏览器会丢弃或延迟加载
如何让构建工具（Vite/Webpack）自动处理 Bootstrap 缓存问题？
别手动拼 v=。现代构建工具能直接把哈希嵌入文件名，比查询参数更可靠：CDN、Nginx、浏览器都认文件名变化，且无需担心参数被忽略。
实操建议：
- Vite 项目：启用
build.rollupOptions.output.entryFileNames，配合assetFileNames给 CSS 输出带 hash，例如[name].[hash].css - Webpack 项目：在
output.filename和output.chunkFilename中加入[contenthash]，CSS 提取插件（如mini-css-extract-plugin）会自动继承 - 如果用的是 CDN + 构建工具，可配置
html-webpack-plugin的templateParameters，把构建时间戳注入 HTML 模板，生成href="bootstrap.min.css?v=__BUILD_TIME__"
CDN 上的 Bootstrap 版本号改了，但我的页面没变？
因为你引用的仍是旧 URL。CDN 上 @5.3.3 和 @5.3.4 是不同路径，但如果你 HTML 里写死的是 bootstrap@5.3.3，就算 CDN 更新了 5.3.4，你的请求也不会自动跳过去。
关键点：
- CDN 版本号是路径一部分，不是语义化版本管理——
https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/...和https://cdn.jsdelivr.net/npm/bootstrap@5.3.4/...完全无关 - 升级时必须手动改 HTML 或模板里的
href值，否则永远卡在旧版 - 不要依赖 CDN 的 “latest” 别名（如
@latest），它不稳定，且可能因缓存导致不同用户加载不同版本
最易被忽略的一点：构建产物中 HTML 文件本身也被缓存。哪怕你更新了 CSS 文件名或版本参数，如果服务器对 index.html 返回了强缓存头（如 Cache-Control: public, max-age=31536000），用户浏览器就永远不会去拉新 HTML，自然也看不到新的 CSS URL。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
