Web项目怎样在发布版本后强制刷新资源?

Question

目前官网项目使用的jquery + gulp，给js、css、html添加md5，但是感觉效果不明显，每回发布版本后，还是经常需要用户自己强制去刷新页面才能看到变化，不知道接下来该如何去优化？
管理后台项目使用的vue全家桶，单页面应用怎么在版本发布后强制用户刷新页面？因为可能用户长时间停留在某个页面，导致在版本发布后，用户若不主动刷新页面，实际使用的仍是旧版本。

Answer 1

想到2个办法

把版本信息写在js中

1.每次客户端打开网页，配置个长连接，或者用websocket，如果更新版本主动推送给版本低的客户端，客户端写个刷新的接口或者提示客户端刷新

2.在每个api请求加上版本信息，如果版本不匹配就提示刷新，这个只在用户获取新数据时会触发，可能容易点

Answer 2

如果是单纯的页面的话，就如上面说的，在发送请求中加上版本号，后端发现版本号与最新的不一致时，返给你一个约定的code，你可以在响应请求的地方做拦截，捕获code，针对这个code做刷新页面的逻辑处理。

如果是混合开发的话，我们团队正在做一个weex的解决方案，可以提供给你思路。weex-eros发布更新

Answer 3

一个想法：
配置一个类似心跳检测的循环处理（根据需要设置检测频次），专门检测版本信息，如果检测到和当前不一致，就主动进行刷新操作。