uniapp 小程序 自定义,路由拦截

354 阅读1分钟
 * @description 自定义路由拦截
 */

// 白名单
const whiteList = [
	'/', // 注意入口页必须直接写 '/'
	// { pattern: /^\/pages\/list.*/ }, // 支持正则表达式
	'/pages/shops/shops',
	'/pages/tabBar/home/home',
	'/pages/login/authLogin'
	// { pattern: /^\/pages\/login\/*/ }
]

export default async function() {
	let token = uni.getStorageSync('token')
	console.log(token, 'token');
	const list = ['navigateTo', 'redirectTo', 'reLaunch', 'switchTab']
	// 用遍历的方式分别为,uni.navigateTo,uni.redirectTo,uni.reLaunch,uni.switchTab这4个路由方法添加拦截器
	list.forEach(item => {
		uni.addInterceptor(item, {
			invoke(e) {
				console.log(e, 'eeeee');
				// 获取要跳转的页面路径(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 && !token) {
					uni.showToast({
						title: '请先登录',
						icon: 'none'
					})
					uni.navigateTo({
						url: "/pages/login/authLogin"
					})
					return false
				}
				return e
			},
			fail(err) { // 失败回调拦截
				console.log(err, 'err')
			}
		})
	})
}