利用uni.addInterceptor可在onlaunch中引入
routingIntercept.js示例代码:
/** * @description 自定义路由拦截 */ // 白名单 const whiteList = [ '/', // 注意入口页必须直接写 '/' { pattern: /^\/pages\/list.*/ }, // 支持正则表达式 '/pages/grid/grid', '/pages/user-center/user-center', { pattern: /^\/pages\/login\/*/ } ] export default async function() { const list = ['navigateTo', 'redirectTo', 'reLaunch', 'switchTab'] // 用遍历的方式分别为,uni.navigateTo,uni.redirectTo,uni.reLaunch,uni.switchTab这4个路由方法添加拦截器 list.forEach(item => { uni.addInterceptor(item, { invoke(e) { // 获取要跳转的页面路径(url去掉"?"和"?"后的参数) const url = e.url.split('?')[0] console.log('url', url) // 判断当前窗口是白名单,如果是则不重定向路由 let pass if (whiteList) { pass = whiteList.some((item) => { if (typeof (item) === 'object' && item.pattern) { return item.pattern.test(url) } return url === item }) } // 不是白名单并且没有token if (!pass && !getAuthorization()) { uni.showToast({ title: '请先登录', icon: 'none' }) uni.navigateTo({ url: "/pages/login/login" }) return false } return e }, fail(err) { // 失败回调拦截 console.log(err) } }) }) }app.vue
<script> import routingIntercept from '@/utils/routingIntercept.js' export default { globalData: { searchText: '' }, onLaunch: function() { // 对路由进行统一拦截,实现路由导航守卫 router.beforeEach 功能 routingIntercept() }, onShow: function() { console.log('App Show') }, onHide: function() { console.log('App Hide') } } </script> <style> /*每个页面公共css */ </style>
网友回复
python如何调用openai的api实现知识讲解类动画讲解视频的合成?
html如何直接调用openai的api实现海报可视化设计及文本描述生成可编辑海报?
f12前端调试如何找出按钮点击事件触发的那段代码进行调试?
abcjs如何将曲谱播放后导出mid和wav格式音频下载?
python如何将曲子文本生成音乐mp3或wav、mid文件
python中mp3、wav音乐如何转成mid格式?
js在HTML中如何将曲谱生成音乐在线播放并下载本地?
python如何实现在windows上通过键盘来模拟鼠标操作?
python如何给win10电脑增加文件或文件夹右键自定义菜单?
python如何将音乐mp3文件解析获取曲调数据?