React-Router如何进行页面权限管理的方法
编程学习 2021-07-04 17:33www.dzhlxh.cn编程入门
本篇文章主要介绍了React-Router如何进行页面权限管理的方法，长沙网络推广觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随长沙网络推广过来看看吧
前言
在一个复杂的SAP应用中，我们可能需要根据用户的角色控制用户进行页面的权限，甚至在用户进入系统之前就进行权限的控制。本文就此一权限控制进行讨论。本文假设读者了解React和React-Router的相关使用。
从传统的Router开始
一个传统的路由大概长下边这个样式，这是没有添加任何权限限制的。
export default (store) => {
const history = syncHistoryWithStore(hashHistory, store);
return (
<Router history={history}>
<Route path="/" component={AppRoot} >
<IndexRoute component={IndexPage} />
<Route path="photo" component={PhotoPage} />
<Route path="info" component={InfoPage} />
</Route>
{/* <Redirect path="*" to="/error" /> * 上一篇：js 提取某()特殊字符串长度的实例
下一篇：移动前端图片压缩上传的实例