-
在使用uniapp的原生返回的按钮时,如果没有刷新会正常返回到对应的页面,如果刷新后会在当前页反复横跳,或者跳转到登录页。
-
那个时候我第一个想法时:使用浏览器的history.back()方法。因为浏览器刷新后还是可以通过右上角的返回按钮进行返回的。
-
然后我通过uniapp的addInterceptor或者onBackPress进行劫持点击返回时的事件。


-
可惜经过刷新后的后退按钮完全没有调用这两个回调。
-
这个时候我发现如果刷新后点击回退后会调用reLaunch的方法。

-
所以我在reLaunch判断,如果是uniapp自动调用的reLaunch这个方法。我就return false,并调用 history.back()方法返回上一个页。
javascriptuni.addInterceptor("reLaunch", { invoke(e) { // 因为刷新后进行后退会调用这个路径,所以需要劫持然后调用back方法。 if (e.url == "/") { history.back(); return false; } }, }); -
当然这个是浏览器才有的问题,如果是原生app,不会有刷新的功能。加这个逻辑的时候记得判断是不是原生app,可以通过是否有plus这个属性来进行判断是哪一个环境。
处理uniapp刷新后,点击返回按钮跳转到登录页的问题
姚*鸿的博客2024-07-18 21:13
相关推荐
小恒恒2 天前
2025 Vibe Coding 有感一颗小青松2 天前
uniapp使用uni-im2501_916007472 天前
iPhone APP 性能测试怎么做,除了Instruments还有什么工具?2501_915106322 天前
Windows 环境下有哪些可用的 iOS 上架工具, iOS 上架工具的使用方式一颗小青松2 天前
uniapp vue3中app端使用腾讯云点播上传玄尺_0072 天前
uniapp h5端使浏览器弹出下载框2501_915106322 天前
iOS 抓包工具有哪些?不同类型的抓包工具可以做什么web前端神器2 天前
vue、uniapp项目循环中能显示每个列表的内容,但是点击的时候传递的参数却不正确ModyQyW2 天前
HBuilderX 4.87 无法正常读取 macOS 环境配置的解决方案脾气有点小暴2 天前
Uni-app App 端自定义导航栏完整实现指南