uniapp H5刷新页面后返回按钮失效问题完美解决方案

uniapp H5刷新页面后返回按钮失效问题完美解决方案

关键词：uniapp H5 返回按钮失效、刷新页面后navigateBack无效、页面栈清理后回退异常

在做 uniapp H5 开发 的时候，很多人都会遇到一个非常头疼的场景：

• 页面正常跳转几次没问题；
• 但一旦 刷新页面，整个 页面栈被清空；
• 这时候点左上角的返回按钮，居然直接跳回首页去了，而且还拦截不到。

今天我就来分享一下我踩坑的全过程，以及最后找到的一个非常优雅的解决方案。

问题出现的场景

我是这样遇到的：

1. 在项目里连续跳转了几个页面；
2. 然后我手动刷新了一下页面；
3. 结果发现 页面栈直接被清空了（这点是可以理解的）；
4. 但接下来点击左上角返回按钮时，页面居然直接跳转到首页去了。

更郁闷的是，我本来想在 onBackPress 或重写 uni.navigateBack 里