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

news/2025/1/16 2:29:43 标签: 微信小程序, 小程序, 前端, 微信, javascript

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

✨一、前言

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

🚩二、具体实现

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

  • request.js判断登录失效那里加上以下代码,因为request已经做好封装了,每个页面接口调用都会经过它
  • 不知道request怎么封装请看我之前的文章
    微信小程序>微信小程序使用Promise对wx.request()进行封装详细教程(附完整代码)
javascript">//获取当前页面栈
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
javascript">onLoad(options) {
		console.log(options);
		if (options.page) {
			this.setData({
				page: options.page
			})
		} 
	},

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

javascript">wx.navigateTo({
	url: this.data.page,
)

http://www.niftyadmin.cn/n/5824562.html

相关文章

vue运用uniapp框架开发企业微信小程序中常用的一些基础方法

嗨,我是小路。今天主要和大家分享的主题是“vue运用uniapp框架开发企业微信小程序中常用的一些基础方法”。 作为一名程序员,很多代码都是忘了再用,用了再忘。 今天梳理下日常开发中常用到的一些基础的方法,以方便后期开…

vue2制作长方形容器,正方形网格散点图,并且等比缩放拖动

需求:有个长方形的容器,但是需要正方形的网格线,网格线是等比缩放的并且可以无线拖动的,并且添加自适应缩放和动态切换,工具是plotly.js,已完成功能如下 1.正方形网格 2.散点分组 3.自定义悬浮框的数据 4.根据窗口大小…

FPGA工程师成长四阶段

朋友,你有入行三年、五年、十年的职业规划吗?你知道你所做的岗位未来该如何成长吗? FPGA行业的发展近几年是蓬勃发展,有越来越多的人才想要或已经踏进了FPGA行业的大门。很多同学在入行FPGA之前,都会抱着满腹对职业发…

【优选算法篇】:模拟算法的力量--解决复杂问题的新视角

✨感谢您阅读本篇文章,文章内容是个人学习笔记的整理,如果哪里有误的话还请您指正噢✨ ✨ 个人主页:余辉zmh–CSDN博客 ✨ 文章所属专栏:优选算法篇–CSDN博客 文章目录 一.模拟算法二.例题1.替换所有的问号2.提莫攻击3.外观数列4…

《零基础Go语言算法实战》【题目 4-2】使用 Go 语言实现一个模拟栈数据结构操作的类 FrequencyStack

《零基础Go语言算法实战》 【题目 4-2】使用 Go 语言实现一个模拟栈数据结构操作的类 FrequencyStack FrequencyStack 有两个功能:push(int x) 方法将整数 x 压入栈,pop() 方法将栈中出现频次 最高的元素删除并返回;如果出现频次最高的元素…

在 Webpack 中使用 预加载(Preloading) 技术可以通过动态导入(import())以及指定预加载的方式来进行优化

1. Webpack 中的预加载和预获取 Webpack 提供了两种注释: /* webpackPreload: true */:用于预加载当前页面需要的关键资源。/* webpackPrefetch: true */:用于预获取未来可能用到的资源(如下一个页面的资源)。 2. 如…

备战蓝桥杯 队列和queue详解

目录 队列的概念 队列的静态实现 总代码 stl的queue 队列算法题 1.队列模板题 2.机器翻译 3.海港 双端队列 队列的概念 和栈一样,队列也是一种访问受限的线性表,它只能在表头位置删除,在表尾位置插入,队列是先进先出&…

【练习】力扣热题100 有效的括号

题目 给定一个只包括 ‘(’,‘)’,‘{’,‘}’,‘[’,‘]’ 的字符串 s ,判断字符串是否有效。 有效字符串需满足: 左括号必须用相同类型的右括号闭合。 左括号必须以正确的顺序闭合。 每个右括…