当前位置: 首页 > article >正文

微信小程序获取当前页面路径,登录成功后重定向回原页面

🤵 作者coderYYY
🧑 个人简介:前端程序媛,目前主攻web前端,后端辅助,其他技术知识也会偶尔分享🍀欢迎和我一起交流!🚀(评论和私信一般会回!!)
👉 个人专栏推荐:《前端项目教程以及代码》

✨一、前言

  • 用户登录后通常会使用重定向回原先页面
  • 我们可以在封装request请求的时候将原页面路径作为参数携带到登录页,根据接口返回的登录状态,若是没有登录则跳转到登录页
  • 登录完成后可以根据这个参数重定向到回原页面,而不是主页,这样的用户体验更好

🚩二、具体实现

1. 登录失效获取当前页面路径

  • request.js判断登录失效那里加上以下代码,因为request已经做好封装了,每个页面接口调用都会经过它
  • 不知道request怎么封装请看我之前的文章
    微信小程序使用Promise对wx.request()进行封装详细教程(附完整代码)
//获取当前页面栈
const pages = getCurrentPages();
//获取当前页面实例
onst currentPage = pages[pages.length - 1];
//获取当前页面路径
const currentPagePath = currentPage.route;
// currentPagePath 就是当前页面路径 如/pages/home/home这种格式
wx.navigateTo({
	url: '/pages/login/login?page='+currentPagePath ,
})

2. 登录成功跳转回原页面

  • login.js
onLoad(options) {
		console.log(options);
		if (options.page) {
			this.setData({
				page: options.page
			})
		} 
	},

然后在登录成功的时候,跳转回去原页面

wx.navigateTo({
	url: this.data.page,
)
原文地址:https://blog.csdn.net/qq_23073811/article/details/145077887
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.kler.cn/a/503376.html

相关文章:

  • 【Linux】Linux入门(三)权限
  • 免费为企业IT规划WSUS:Windows Server 更新服务 (WSUS) 之快速入门教程(一)
  • springBoot项目使用Elasticsearch教程
  • [gdb调试] gdb调试基础实践gdb指令汇总
  • 网络安全:信息时代的守护者
  • flutter 使用google_mlkit_image_labeling做图片识别
  • 使用Flink-JDBC将数据同步到Doris
  • 【华为路由/交换机的telnet远程设置】
  • 重邮+数字信号处理实验七:用 MATLAB 设计 IIR 数字滤波器
  • DATACOM-防火墙-复习-实验
  • Swift语言的软件工程
  • 大语言模型LLM推理框架简单总结
  • 【汇编】汇编编程中的指令传参方式
  • 卡通风格渲染
  • 爬虫逆向学习(十五):Akamai 3.0反爬分析与sensor-data算法逆向经验
  • 基于微信小程序的游泳馆管理系统设计与实现(LW+源码+讲解)
  • 平滑算法 效果比较
  • Linux简介和环境搭建
  • 005__ubuntu终端说明、linux命令
  • 《重生到现代之从零开始的C++生活》—— 入门基础语法
  • 【算法】复制含有随机指针节点的链表
  • 源码安装httpd2.4
  • 【AI游戏】基于OpenAI打造自动生成剧情的 Python 游戏
  • 14.STM32F407ZGT6-SPI
  • 什么是 XSS(跨站脚本攻击)?
  • 理解STC15F2K60S2单片机的最小电路