vue项目如何让客户端（缓存）自动更新？

Question

前端项目往往会被浏览器缓存，但是有些突发情况，往往希望这些被缓存的html、js不要生效，而是去服务端请求最新的html、js等文件。场景：公司业务发生变更，希望先尽快关闭掉某个功能，由于后端修改、测试、发布的时候往往需要更长时间，所以先把前端入口屏蔽往往是不错（的应急）的方法，但是由于前端往往被浏览器缓存，所以会导致被屏蔽的功能有些用户不可以使用，而有些用户仍能使用。那么修改静态的前端文件如何能让那些缓存的客户端失效呢？前端环境：vue.js、nginx

Answer 1

一般通过 vue-cli 的项目，默认的 webpack 线上配置文件会配置 output：

filename: utils.assetsPath('js/[name].[chunkhash].js'),

打出来的 dist 目录的文件名应该都是带 md5 的，这样每次文件修改，资源的文件名是会变的