uniapp实现如何使用路由拦截器实现权限控制

// main.jsrouter.beforeEach((to, from, next) => {  // 在这里进行权限判断和跳转控制  // ...  next(); // 必须调用next函数，表示继续跳转})

// main.jsrouter.beforeEach((to, from, next) => {  // 获取用户角色信息  const userRole = uni.getStorageSync('userRole');    // 根据用户角色判断是否有权限访问页面  if (to.meta.roles && !to.meta.roles.includes(userRole)) {    uni.showToast({      title: '无权限访问',      icon: 'none'    });    return;  }    next(); // 继续跳转})

// main.jsrouter.beforeEach((to, from, next) => {  // 获取用户权限列表  const userPermissions = uni.getStorageSync('userPermissions');    // 判断用户是否有权限访问页面  if (to.meta.permissions && !to.meta.permissions.some(permission => userPermissions.includes(permission))) {    uni.showToast({      title: '无权限访问',      icon: 'none'    });    return;  }    next(); // 继续跳转})

// router.jsconst routes = [  {    path: '/home',    name: 'Home',    component: Home,    meta: {      roles: ['admin']    }  },  {    path: '/user',    name: 'User',    component: User,    meta: {      permissions: ['user:list']    }  },]