react实现不同用户角色可访问不同的页面(路由权限管理)
需求:可制定不同的角色以及对应角色可以访问的页面实现:1.登录后根据用户角色字段获取该角色能够访问的页面路径2.将能够访问的路径存储到全局(这里用的是localstorage)3.在涉及权限的路由下使用自定义路由组件PrivateRoute代替Route(关于某一菜单/路径是否是需要权限的页面,可以在配置菜单数组的时候新增一个字段,值为true/false对应是否需要权限)import React from "react";import { Route } from "react-router-dom
原创
2021-10-16 19:28:15 ·
3247 阅读 ·
0 评论