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