怎么强制用户刷新页面？

Question

怎么强制用户刷新页面？
今天遇到一个问题，是一个公众号上面的项目，修改了一个问题，但是需要用户刷新才能看到效果？用什么技术可以实现？无论是小程序，公众号还是h5，只要我上传了修改过的代码，就可以让用户直接看到效果，不管用户是否强制刷新？

无论是小程序，公众号还是h5，只要我上传了修改过的代码，就可以让用户直接看到效果，不管用户是否强制刷新？

Answer 1

服务端的HTTP服务配置一下不缓存就好了。古早的时候写过一篇一样故障原因的笔记，原因就是微信内置浏览器的缓存机制。没有协商缓存，直接用的强缓存机制，所以得服务端开启不缓存的配置（前端加不缓存的meta头和修改资源文件的 hash 值是没有用的，本质是 index 页面被强缓存了）。

微信公众号页面缓存问题 | 微信开放社区

Answer 2

这样想，是不是后端增加了数据，用户就能看到最新的，而不需要刷新？

那么问题就简单了，一开始设计一个框架，然后通过ajax拿到渲染规则渲染。

实时同步的话，无非就是轮询、websocket。可以想象成 im 消息，收到消息渲染到页面上，并不需要用户刷新页面

Answer 3

小程序的话，每次发布增加版本号，微信有个api可以获取版本号。其他的，我的思路是增加版本号，每次接口请求或者路由切换的时候，去判断当前的版本号和最新的版本号是否一致。然后提示用户刷新。nginx端配置不缓存html类型文件

Answer 4

就拿h5来说 轮询请求index.html 然后处理html 得到html里面相关js url（hash）, 与上次做比较。

Answer 5

你说的是不是wx.getUpdateManager API？

const updateManager = wx.getUpdateManager()

updateManager.onCheckForUpdate(function(res) {
  // 请求完新版本信息的回调
  console.log(res.hasUpdate)
})

updateManager.onUpdateReady(function() {
    wx.showModal({
        title: '更新提示',
        content: '新版本已经准备好，是否重启应用？',
        success(res) {
            if (res.confirm) {
                // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
                updateManager.applyUpdate()
            }
        }
    })
})