1. 首页
  2. 编程语言
  3. Javascript
  4. React-Router如何进行页面权限管理的方法

React-Router如何进行页面权限管理的方法

上传者: 2021-05-26 08:14:23上传 PDF文件 61.35 KB 热度 9次

本文就此一权限控制进行讨论。本文假设读者了解React和React-Router的相关使用。一个传统的路由大概长下边这个样式,这是没有添加任何权限限制的。这里一共有3个页面 IndexPage, PhotoPage,InfoPage。先添加如下一个函数函数里我们判断了state的admin是否等于1,否则跳转到首页。比如上边的例子,加入state的admin并未加载,那么就需要在上一层的route进行数据加载首先添加一个加载数据的函数接着再修改一下Router这样在进入下边之前,就会先进行数据加载。通过以上简单几步,一个完整的权限控制链就完成了.

下载地址
用户评论