【问题标题】：Can't refresh cache on google chrome with ctrl+F5 (vue.js)无法使用 ctrl+F5 (vue.js) 在谷歌浏览器上刷新缓存
【发布时间】：2020-11-26 17:21:13
【问题描述】：
我在 google chrome 上的缓存有问题。
当我在生产中上传新代码时，我仍然在浏览器上看到旧版本。
通常按 CTRL+F5 可以解决问题，但现在它不起作用。
我找到的唯一解决方案是打开开发工具并检查“禁用缓存”，但是对于一些不适合电脑的队友我不能使用它...（CTRL+F5 对这种类型的人很好）
为什么它现在不起作用？谷歌浏览器做了更新还是什么？
【问题讨论】：
标签：
vue.js
caching
browser-cache
cache-control
【解决方案1】：
我有根据的猜测（之前有一个类似的故事）是您的资产被渲染为相同的文件名。并且因为 cache-control-max-age 是在未来设置的，所以您的资源仍然会被浏览器视为有效且新鲜的。
免责声明：我假设您使用 webpack 或其他功能强大的模块捆绑器
我会尝试在构建时为您的资产附加一些基于日期的后缀。这样它就可以被无休止地缓存，并且在进行新构建时 - 您会获得一个新的资产 URL，并且文件被视为新实体，因此缓存控制对它们没有影响。