开启缓存后全站静态资源混入动态 Token 导致磁盘空间瞬间被撑爆的难题如何解决

缓存机制本身不会撑爆磁盘，问题在于将含用户Token、时间戳等动态内容误作静态资源缓存，导致大量变体文件堆积耗尽inode或磁盘空间。

缓存机制本身不会撑爆磁盘，问题出在“把不该缓存的动态内容塞进了静态资源路径”——比如前端构建时把含用户 Token、时间戳、随机 UUID 的 JS/CSS 文件名或内联脚本，当成普通静态资源交给 Service Worker 或 CDN 缓存。这类文件体积不大，但每请求一次就生成一个新变体，几天内就能在 Cache Storage 或服务器磁盘上堆积数万个小文件，迅速耗尽 inode 或占满空间。

定位混入 Token 的真实来源

先别急着删，得确认是哪一层在偷偷注入动态值：

• 检查构建产物：运行ls -la dist/*.js dist/*.css | head -20，看文件名是否含v1.2.3-abc123、app-20260617-152348.js这类带时间/哈希/随机段的命名——说明构建脚本或插件（如 Webpack 的contenthash误配、Vite 的rollupOptions.output.entryFileNames含[timestamp]）在制造唯一文件
• 抓包验证响应头：用浏览器开发者工具 Network 标签页，筛选 JS/CSS 请求，点开任一资源 → 查看 Response Headers → 若Cache-Control: public, max-age=31536000但ETag或Last-Modified频繁变动，说明内容实际在变，却用了强缓存策略
• 查看 Service Worker 缓存内容：F12 → Application → Cache Storage → 点开你的缓存名 → 展开列表，观察 URL 是否包含?token=xxx、&t=1718612345等查询参数——带参 URL 被 SW 全部独立缓存，一个页面加载 20 个带不同 token 的 JS，就存 20 份

从源头切断动态值写入静态路径

关键不是禁用缓存，而是让缓存对象真正“静态”：

• 构建阶段：禁用所有含时间、会话、用户标识的文件名变量。Webpack 中确保output.filename只用[name].[contenthash:8].js；Vite 中检查build.rollupOptions.output.entryFileNames和chunkFileNames，移除[timestamp][random]等非确定性占位符
• 运行时注入：把 Token 从 JS 文件中剥离，改用<script>window.__TOKEN__ = 'xxx'</script>方式内联到 HTML 模板里，或通过 API 动态获取。JS 文件本身保持纯逻辑、无敏感上下文
• URL 参数清理：前端路由或资源加载器（如动态import()）中避免拼接 token 到路径，改用请求头（Authorization）或 body 提交；CDN 配置需开启“忽略指定查询参数缓存”，例如 Cloudflare 的 Cache Key 设置中排除tokentsid等参数

快速清理已堆积的无效缓存

已有数万份带 token 的 JS/CSS 占满 Cache Storage 或服务器磁盘，需分层清除：

• 浏览器端：F12 → Application → Cache Storage → 找到对应缓存名 → 右键 → Delete → 清空后按Ctrl+Shift+R强制重载，绕过残留 SW
• 服务端磁盘：若静态资源托管在 Nginx/Apache，执行find /var/www/static -name "*token*" -o -name "*t=*" -o -name "*sid=*" -delete 2>/dev/null（先测试不加-delete）；重点清理js/css/目录下含动态片段的文件
• CDN 层：触发全站缓存刷新（Purge All），并立即更新缓存规则，确保后续请求不再因参数差异产生新缓存键

建立长效防护机制

防止下次复发，要卡住构建、部署、运行三个环节：

• CI/CD 流水线中加入校验步骤：用grep -r "new Date|Math.random|Date.now|__TOKEN__" src/扫描源码，禁止构建含实时值的 JS；用ls dist/*.js | wc -l对比历史版本，突增即告警
• 上线前自动化检测：部署脚本中调用curl -I https://yoursite.com/app.js | grep -i "cache-control"，确保强缓存资源返回的ETag稳定（两次请求值一致）
• 监控 inode 使用率：在服务器部署df -i /var/www定时任务，当 Use% > 90% 时自动发告警，并触发find /var/www/static -type f -name "*.js" -mmin +1440 | xargs rm -f清理超 24 小时未修改的 JS 文件（仅作兜底）