app页面返回刷新

1.浏览器的后退机制

用户点击浏览器工具栏中的后退按钮，或者移动设备上的返回键时，或者JS执行history.go(-1);时，浏览器会在当前窗口“打开”历史纪录中的前一个页面。每个浏览器打开前一个页面的形式不同；和浏览器本身有关；在浏览器中，“后退到前一个页面”意味着：前一个页面的html/js/css等静态资源的请求（甚至是ajax动态接口请求）根本不会重新发送，直接使用缓存的响应，而不管这些静态资源响应的缓存策略是否被设置了禁用状态

 上面的dome的显示结果

 返回login页面，mounted只会在第一次加载时触发，点击后退按钮后不会再次触发，而是从缓存里面拿数据；pageshow和pagehide在页面回退后，会触发，所以，可以利用浏览器监听pageshow或者pagehide事件，来实现后退重新在加载页面

2.pageshow和pagehide对浏览器的兼容

pc浏览器相当于重载页面，safari浏览器不会触发pagehide；需要通过pageshow的persisted属性去判断

window.addEventListener("pageshow", (e) => {
    if(e.persisted) {
        window.location.reload(true)
    }
})

e.persisted为true时表示从缓存里面取值，false表示正常