uni-app uni-admin 普通用户可以直接访问菜单配置 用户列表等页面

在 uni-admin 中，默认情况下，普通用户是无法直接访问“菜单配置”、“用户列表”等管理页面的。这些页面通常只有具备管理员权限的用户才能访问。uni-admin 系统默认有一套基于角色的权限控制机制，确保只有具备相应权限的用户才能访问特定的页面或执行特定的操作。

如何控制权限？

1. 角色与权限配置：

   • 在 uni-admin 中，管理员可以在后台管理系统中配置不同的角色，并为每个角色分配相应的权限。
   • 普通用户的角色通常不具备访问管理页面的权限。

2. 页面访问控制：

   • 在 uni-app 项目中，可以通过在页面的 onLoad 或 onShow 生命周期函数中检查用户的权限，来决定是否允许访问该页面。
   • 如果用户没有权限，可以跳转到其他页面或显示无权限的提示。

3. 动态菜单：

   • uni-admin 的菜单是动态生成的，根据用户的权限动态加载不同的菜单项。
   • 普通用户登录后，只能看到自己有权限访问的菜单项，无法看到“菜单配置”、“用户列表”等管理页面。

如何实现普通用户访问管理页面？

如果你希望普通用户也能访问某些管理页面，可以通过以下几种方式实现：

1. 修改角色权限：

   • 在 uni-admin 后台管理系统中，找到普通用户的角色，为其分配访问“菜单配置”、“用户列表”等页面的权限。

2. 手动修改代码：

   • 在 uni-app 项目中，找到相关页面的权限检查代码，暂时注释掉权限检查逻辑，或者将权限检查条件放宽。
   • 例如，在页面的 onLoad 或 onShow 生命周期函数中，去掉或修改权限检查代码。

3. 自定义权限逻辑：

   • 如果你需要更复杂的权限控制，可以自定义权限逻辑，在页面加载时根据用户角色或其他条件动态判断是否允许访问。

注意事项

• 安全性：开放管理页面的访问权限可能会带来安全风险，请确保在开放权限时做好相应的安全措施，防止未授权的操作。
• 测试：在修改权限配置或代码后，务必进行充分的测试，确保系统功能正常，且没有引入新的问题。

示例代码

以下是一个简单的示例，展示如何在页面加载时检查用户权限：

export default {
  onLoad() {
    // 获取当前用户角色
    const userRole = uni.getStorageSync('userRole');

    // 检查用户是否有权限访问该页面
    if (userRole !== 'admin') {
      uni.showToast({
        title: '无权限访问',
        icon: 'none'
      });
      uni.navigateBack(); // 无权限时返回上一页
    }
  }
}