uniapp跳转拦截 类似vue路由守卫功能

在项目文件夹主目录新建一个permission.js文件，并添加如下代码：

/**
 * @description 自定义路由拦截
 */
// 白名单
const whiteList = [
	// 注意入口页必须直接写 '/'
	// 支持正则表达式   { pattern: /^\/pages\/list.*/ }, 
	'/pages/login/index',
	'/pages/login/unifiedLogin',
]

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) {
				// 获取token
				let authorization = uni.getStorageSync('token')
				// 获取要跳转的页面路径（url去掉"?"和"?"后的参数）
				const url = e.url.split('?')[0]
				//根据自身需求 修改判断进行拦截便可
				// 判断是否存在token
				if(!authorization){
					// 判断当前窗口是白名单，如果是则不重定向路由
					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) {
						uni.redirectTo({
							url: "/pages/login/index"
						})
						return false
					}
				}
				return e
			},
			fail(err) { // 失败回调拦截
				console.log(err)
			}
		})
	})
}

在App.vue引入文件，并调用

<script>
	import routingIntercept from '@/permission.js'
	export default {
		onLaunch: function() {
			// 对路由进行统一拦截，实现路由导航守卫 router.beforeEach 功能
			routingIntercept()
		},
		// onShow: function() {
		// 	console.log('App Show')
		// },
		// onHide: function() {
		// 	console.log('App Hide')
		// }
	}
</script>