Vite + React ( 路由权限 )

319 阅读1分钟
页面一般分为两种,第一种是不需要登陆权限的 例如 登陆页以及404等等
另一种是使用 Layout包裹的内容, 大概用图来表示就是以下这种

image.png

那么 就可以在 Layout 中对是否登陆做一个判断, 如果未登录 就跳转到登陆页, 就算用户拿到了其他页面路径, 想进入到其他页面的时候 就要经过 Layout, 经过就要 判断是否登陆, 没登录还是会跳转到登陆页

login.tsx

image.png

layout/BaseLayout.tsx

image.png

Gitee: gitee.com/yuyou930615…