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

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

✨一、前言

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

🚩二、具体实现

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

//获取当前页面栈
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,
)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

coderYYY

请简单粗暴地爱我,一元一元的赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值