uni-app中添加路由拦截

uni-app中添加路由鉴权和路由拦截

在main.js中添加如下代码

javascript 复制代码
let list = ["navigateTo", "redirectTo", "reLaunch", "switchTab"]
let routesWhitelist = ['/pages/tabs/classify','/pages/tabs/study','/pages/tabs/mine'] // 可以直接跳转的路由
let routesMap = [] // 必须登录之后才能跳转的路由
// 路由拦截
list.forEach((item)=> {
	uni.addInterceptor(item,{ // 添加拦截器
		invoke(args) {
			let userToken = store.state.user.token
			console.log('跳转的参数', args)
			if (routesWhitelist.includes(args.url) || !userToken && args.url === '/pages/login/index') {
				return true
			}
			if (!userToken && routesMap.includes(args.url)) {
					// uni.showToast({
					// 	title: '您还未登录哦',
					// 	icon: 'error'
					// })
					uni.reLaunch({
						url: '/pages/login/index'
					})
					return false
			}
			return true
		}
	})
})
相关推荐
徐飞不会喝酒1 小时前
uniapp 微信小程序uview2.0 u-popup弹出层弹出在遮罩层不影响卡片正常勾选的情况下实现点击空白区域关闭弹层
微信小程序·uni-app
gongzemin9 小时前
uni-app 微信小程序发送订阅消息
前端·微信小程序·uni-app
顽疲10 小时前
从零用java实现 小红书 springboot vue uniapp (9)消息推送功能
java·vue.js·spring boot·uni-app
yuehua_zhang10 小时前
uni app 写的 小游戏,文字拼图?文字拼写?不知道叫啥
前端·javascript·uni-app
weixin_4721835410 小时前
uniapp使用sm4加密
前端·javascript·uni-app
林涧泣10 小时前
【Uniapp-Vue3】watch和watchEffect监听的使用
前端·vue.js·uni-app
顽疲12 小时前
从零用java实现 小红书 springboot vue uniapp (8)个人资料修改 消息页优化
java·vue.js·spring boot·uni-app
多客软件佳佳13 小时前
基于Thinkphp6+uniapp的陪玩陪聊软件开发方案分析
小程序·uni-app·php·生活·交友
黑云压城After14 小时前
uniapp web-view调整修改高度设置
前端·javascript·uni-app
懮 俍14 小时前
uniapp
uni-app