是，因 index.html 被强缓存导致浏览器未发起请求，需通过服务端配置 Cache-Control: no-cache/no-store 或前端构建哈希文件名等策略强制更新。
直接修改 index.html 文件后浏览器仍加载旧版本？
这是典型的强缓存生效表现，浏览器根本没发请求到服务器，直接从本地磁盘或内存读取了旧的 index.html。关键不是“清不清缓存”，而是让浏览器意识到这个文件变了——得靠服务端响应头或前端主动干预。
Cache-Control 和 Expires 响应头怎么配才有效？
静态资源（如 JS/CSS）可以长期缓存，但 index.html 必须禁用强缓存。Nginx 示例配置：
location = /index.html {
add_header Cache-Control "no-cache, no-store, must-revalidate";
add_header Expires "0";
}
注意：no-cache 不代表不缓存，而是每次都要向服务器验证（走 304）；真正要跳过验证必须用 no-store 或 must-revalidate。Apache 用户需用 Header set 指令，且确保 mod_headers 已启用。
前端加版本号或时间戳有用吗？
对 index.html 本身无效——你改不了它的 URL。但可以间接控制它引用的资源：
立即学习“前端免费学习笔记（深入）”；
- 在
index.html中引入 JS/CSS 时带上查询参数：<script src="app.js?v=1.2.3"></script> - 更可靠的是用文件内容哈希命名（如
app.a1b2c3.js），再通过构建工具注入 HTML - 如果用 Webpack/Vite，开启
html-webpack-plugin或rollup-plugin-html自动生成带哈希的引用
单纯给 index.html 加 ?t=1712345678 在生产环境不推荐：CDN 可能忽略查询参数，且破坏 HTTP 缓存语义。
开发阶段快速绕过缓存的实操方法
临时调试不用动服务器配置：
- Chrome DevTools → Network 标签页 → 勾选
Disable cache（仅当前标签页生效） - Cmd+Shift+R（Mac）或 Ctrl+F5（Win）强制刷新，跳过内存缓存（但可能仍读磁盘缓存）
- 地址栏输入
chrome://settings/clearBrowserData→ 勾选 “Cached images and files” → 清除（影响全局）
记住：这些只是开发手段，上线前必须靠响应头或构建策略解决，否则用户永远看不到更新。
