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
		}
	})
})
相关推荐
编程猪猪侠3 小时前
uni-app微信小程序车牌号输入组件实现
微信小程序·uni-app
h_65432103 小时前
uniapp的app/h5实现地图连续定位
uni-app
真的不想写实验3 小时前
uniapp上传文件的载荷是个空对象
前端·uni-app
乌托邦17 小时前
uni-mini-ci:让 uniapp 小程序构建后自动预览和上传
前端·vue.js·uni-app
敲代码的鱼18 小时前
NFC读卡能力 支持安卓/iOS/鸿蒙 UTS插件
android·ios·uni-app
西洼工作室1 天前
UniApp云开发笔记
前端·笔记·uni-app
Martin -Tang1 天前
uniapp 实现录音操作,长按录音,放开取消
前端·javascript·vue.js·uni-app·css3·录音
西洼工作室1 天前
UniApp开发全攻略:从生命周期到路由传值
前端·javascript·uni-app
Martin -Tang2 天前
uniapp+vue3+ts自定义表格
javascript·vue.js·uni-app
LinMin_Rik3 天前
解决win11专业版HbuilderX编译vue3的uniappX失败问题
uni-app