微信小程序--路由拦截器.pdfVIP

微信⼩程序--路由拦截器 背景 由于最近公司要求开发⼩程序,⼀直很感兴趣,也是趁着这次机会,边⽂档边开发,遇到⼀些好玩的东西,留此作为笔记 介绍 诸如 vue-router 的 beforeEach 那样的路由拦截器,但是拦截是肯定需要的,所以⾃⼰写了⼀个 代码 直接上代码 拦截器 const appGlobalData = getApp().globalData; /** * routerFillter --全局路由拦截器 * @function * @param{Object} pageObj 当前页⾯的page对象 * @param{Boolean} flag 是否开启权限判断 */ exports.routerFillter = function (pageObj, flag = false) { if (flag) { let _onShow = pageObj.onShow pageObj.onShow = function () { let that = this // 这⼀步是⾃⼰定义获取登录状态的,只是个判断权限的 appGlobalData.getSignPrms.then((res) => { // 改回this指针 res.status && _onShow.call(that) }, (err) => { // ⽤户未登录，重定向个⼈页 wx.switchTab({ url: '/pages/manage/manage' }) }) } } return Page(pageObj) } 使⽤ // ⼩程序 .js⽂件 // 官⽅写法 Page({ data: { } }) // 将Page替换 import { routerFillter } from '../../utils/routerFillter.js'; routerFillter({ // 内部⼀样 }, true) 其实原理很简单,就是在微信⼩程序注册页⾯接受⼀个初始化对象前拦截做些处理,我这⾥判断⽆权限时,更改原pageObj的 onShow⽣命周期函数, 改为重定向去登陆页,操作完再return 出微信⼩程序注册页⾯所需的Page({pageObj})就⾏,原理很简单,思路证实可⾏ 存在问题 问题是有的,就是因为我更改的是onShow⽣命周期,⽽⼩程序在触发onShow时,页⾯已经展⽰了,导致页⾯会先闪现⼀次页⾯,才会重定向到登陆 页, 也想过更改onLoad⽣命周期,但是也是有问题的,因为有些页⾯如果设置了缓存,会导致onLoad只触发⼀次,也就是说,只能拦截⼀次(很尴尬) 所以这篇⽂章即是分享⼀种⽅法,也是寻求⼀种解决⽅案