笔记简介

Naive Ui Admin 是一个基于 Vue3.0、Vite、 Naive UI、TypeScript 的中后台解决方案，它使用了最新的前端技术栈，并提炼了典型的业务模型，页面，包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能，它可以帮助你快速搭建企业级中后台项目， 相信不管是从新技术使用还是其他方面，都能帮助到你。

源项目地址：https://github.com/jekip/naive-ui-admin

本项目地址：https://gitee.com/SX-Code/naive-admin-js

本次使用JS+Vue实现Naive Ui Admin，带你阅读项目的流程。

让我先了解一下后台系统的登陆授权流程：

1. 首先在我们需要登陆获取Token，
2. 在路由守卫中如果有Token就会去请求用户信息，获取该用户的权限列表，
3. 然后和路由中配置的权限进行匹配，剔除该用户没有权限访问的路由，
4. 之后动态添加过滤之后的路由到总的路由中，此时用户就能重定向到可以访问的路由。
5. 进入系统前，会根据路由信息动态生成菜单