主页 / 网络编程 /

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

网络编程 2021-07-04 17:33www.168986.cn编程入门
本篇文章主要介绍了React-Router如何进行页面权限管理的方法，长沙网络推广觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随长沙网络推广过来看看吧

前言

在一个复杂的SAP应用中，我们可能需要根据用户的角色控制用户进行页面的权限，甚至在用户进入系统之前就进行权限的控制。本文就此一权限控制进行讨论。本文假设读者了解React和React-Router的相关使用。

从传统的Router开始

一个传统的路由大概长下边这个样式，这是没有添加任何权限限制的。

export default (store) => {
 const history = syncHistoryWithStore(hashHistory, store);
 return (
  <Router history={history}>
   <Route path="/" ponent={AppRoot} >
    <IndexRoute ponent={IndexPage} />
    <Route path="photo" ponent={PhotoPage} />
    <Route path="info" ponent={InfoPage} />
   </Route>
   {/* <Redirect path="*" to="/error" /> *
上一篇：js 提取某()特殊字符串长度的实例 下一篇：移动前端图片压缩上传的实例

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by