uniapp 中 保存登录前的页面路径和参数,登录后跳转回去

前端开发中,为了提升用户体验,通常会在请求响应拦截器里保存用户登录前的页面地址和参数。当用户在登录页面成功登录后,系统会从缓存中取出这些信息,将用户重定向回之前的页面。这一流程通过getCurrentPages()获取页面栈,decodeURIComponent()解码页面路径,并利用util.setStorageSync()存储及恢复登录前的状态。
摘要由CSDN通过智能技术生成

前端业务有时需要用户登录后返回登录前的页面,以增加用户体验
一般是在请求响应拦截器中保存页面地址和参数,在登录页登录成功后进行跳转


// 获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面
const pages = getCurrentPages();
// 获取到当前页面的路径和参数
const page = pages[pages.length - 1].$page.fullPath; //完整路由地址
// 需要对 page 进行解码,并保存在缓存中
util.setStorageSync("login_front", decodeURIComponent(page));

// 最后在登录页登录成功后把缓存取出来进行跳转即可

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值