动易 手机网站东莞网络推广营销公司

🤵 作者：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,
)