React-Router如何实现前端路由鉴权？

本文共计3118个文字，预计阅读时间需要13分钟。

React-Router是React框架中不可或缺的库，用于实现单页应用的页面路由管理。在React的单页应用中，基本的路由管理都由前端自行处理，这与以往的后端路由处理方式不同。因此，管理React应用路由的常用库就是React-Router。

React-Router 是React生态里面很重要的一环，现在React的单页应用的路由基本都是前端自己管理的，而不像以前是后端路由，React管理路由的库常用的就是就是 React-Router 。本文想写一下 React-Router 的使用，但是光介绍API又太平淡了， 而且官方文档已经写得很好了 ，我这里就用一个常见的开发场景来看看 React-Router 是怎么用的吧。而我们一般的系统都会有用户访问权限的限制，某些页面可能需要用户具有一定的权限才能访问。本文就是用 React-Router 来实现一个前端鉴权模型。