WebApp 的静态 index.html 是不是也不应该设置 CDN 缓存？

[makelove]

比如一般 js/css/img 文件可以设置无限时长缓存，因为引用的时候是带 hash 的。

index.html 文件里引用的也是带 hash 的主 js 文件比如 index.xxoo.js 。

那问题来了，如果设置缓存，那 CDN 万一给客户端旧的 index.html 文件，里面引用的是旧的 hash 的 js,这个文件早没了，是不是就出问题了？

[julyclyde]

正常浏览器会发 if modified since 请求的

[makelove]

@julyclyde 这个问题和浏览器发 if modified since 请求没有关系。是我给 index.html 设置一个 max-age,让 cdn 不要每次都去后端取

[forty]

index.html 显然不适合无限期缓存, 缓存一周甚至一天都可以, 看你业务需要而定. 另外, CDN 也是可以人工清除和更新的, CDN 厂商一般会提供这个管理功能. index.html 寿命比 js 短, 就不会出现 index.html 还在 但 它的 js 早没了 的情况

[makelove]

@forty 问题是缓存几小时在发新版时也很大可能会给客户旧的 index 文件吧？
这边是 WebApp,这个 index 文件非常小除了引用的那个 js 文件名有变化外长年不会变的。

[makelove]

话说我碰到这个情况后现在临时搞了个方法似乎有效果，弄了之后没有再发生这情况。

就是在 nginx 里直接通配 index.xxxxx.js 形式的文件名
location ~ ^\/assets\/index\.\w+\.js$ {
try_files $uri /assets/index.js;
}

这个 index.js 在打包时直接复制的新生成的 index.xxxxx.js

这样就兜底了所有的版本。