关于路由守卫

Question

作为一个小小白，一直没弄明白create-react-app生成的项目中，怎么做路由守卫，网上查了很多资料，也都不够系统，能写一篇手记做个事例么？
为光大小白某福利，非常感谢

Answer 1

夏小宅 2020-10-14 20:00:52

UmiJs对react-router进行了二次封装，能够更方便地开发项目，所以本课程中采用的是umi生成项目；create-react-app目前是不支持路由守卫的，umi可以在src/app.js 里面做运行时配置，可以在onRouteChange这个方法里面做路由拦截操作。可以参考https://umijs.org/zh-CN/docs/runtime-config#%E9%85%8D%E7%BD%AE%E9%A1%B9这个；另外“8-19 通过 umi 运行时配置，对页面进行登陆验证”这个小节里面也有路由拦截的说明。