处理uniapp刷新后，点击返回按钮跳转到登录页的问题

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

所以我在reLaunch判断，如果是uniapp自动调用的reLaunch这个方法。我就return false，并调用 history.back()方法返回上一个页。

  uni.addInterceptor("reLaunch", {
    invoke(e) {
      // 因为刷新后进行后退会调用这个路径，所以需要劫持然后调用back方法。
      if (e.url == "/") {
        history.back();
        return false;
      }
    },
  });

当然这个是浏览器才有的问题，如果是原生app，不会有刷新的功能。加这个逻辑的时候记得判断是不是原生app，可以通过是否有plus这个属性来进行判断是哪一个环境。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/843620.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

处理uniapp刷新后，点击返回按钮跳转到登录页的问题

相关文章

package.json中对peerDependencies的理解

数据库-练习

MySQL通过bin-log恢复数据

spring-boot 整合 redisson 实现延时队列（文末有彩蛋）

Odoo17架构概述

MacBook电脑远程连接Linux系统的服务器方法

解决npm install（‘proxy‘ config is set properly. See: ‘npm help config‘）失败问题

最新可用度盘不限速后台系统源码_去授权开心版

MLIR的TOY教程学习笔记

简单工厂、工厂方法与抽象工厂之间的区别

视频共享融合赋能平台LntonCVS视频监控管理平台视频云解决方案

buuctf web 第五到八题

全球大模型将往何处去？

C++初学者指南-5.标准库(第一部分)--标准库查询存在算法

桌面小宠物发布一周，第一次以独立开发者的身份赚到了100块

华为HCIP Datacom H12-821 卷42

通过HTML/CSS 实现各类进度条的功能。

【YOLOv10[基础]】热力图可视化实践② | 支持图像热力图 | 论文必备

0711springNews新闻系统管理实现多级评论

像乌鸦一样思考01_玻璃杯罩住的高低蜡烛谁先灭？