如何用react-router v6实现权限控制并自动切换页面案例？

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

目录 + 权限管理 + 总结 + 学习React+TS一段时间，想写个项目练手。由于初次写React+TS项目，遇到很多未知，加之之前写Vue项目，转换到React感到不适应。

目录

• 权限管理
• 总结

学了一段时间的react+ts，想着写一个项目练练手，由于初次写react+ts项目，有很多东西并不知道应该怎么写，再加上之前写vue项目的习惯，突然转换react有点不习惯，有很多在vue中的写法，并不知道是否在react中仍然可行。写项目之前先考虑了权限管理，第一次使用react-router v6 也不知道是否有更好的写法。这次就来简单分享一下我实现权限管理以及拦截器中遇到的一些问题。

权限管理

这次项目是有三种权限，分别是用户，商家以及管理员。这次写的权限管理是高级权限能访问低级权限的所有页面，但是低级权限不能访问高级权限的页面。