大家都知道，后台管理界面不需要很酷炫的动画效果，也不需要花里胡哨的界面布局，只需要简洁易用、清爽明了的界面以便于管理数据。而现在普遍的后台管理系统的界面布局都差不多，上中下结构，然后左边是导航栏。随便贴两个Bootstrap的主题模板就是这样的： 这其中难的不是布局，而是如何点…

今天要讲的是路由权限以及指令权限（按钮级别的权限）的实现原理。动态路由的实现，以便根据用户权限动态生成菜单和路由。

纯前端控制 前端写死配置文件，通过用户角色信息判断是否有权限。 例如 上面简单书写了一下前端配置的模板。 上面这段配置表示 admin用户，拥有/home路由、/base/data路由的访问权限及页面

实现前后端分离要求，服务端控制菜单是否显示，前端控制路由信息定义。前端开发时不需要找服务端来新增路由信息，后端不需要关心前端路由的父/子关系、图标等定义信息。

写作背景 工作两年半了，笔者一直在做 To B 的产品，像是后端管理系统、Saas 系统都有接触过，它们都有一个共同点：权限管理。我每天都在接触但只是从前端开发这个角色去理解，我对整个业务流程其实是比

权限这一概念可以说是随处可见：等级不够进入不了某个论坛版块、对别人发的文章我只能点赞评论但不能删除或修改、朋友圈一些我看得了一些看不了，一些能看七天内的动态一些能看到所有动态等等等等。 每个系统的权限功能都不尽相同，各有其自身的业务特点，对权限管理的设计也都各有特色。不过不管是…

前言 近期写的一个项目使用双token实现无感刷新。最后做了一些总结，本文详细介绍了实现流程，前后端详细代码。前端使用了Vue3+Vite，主要是axios封装，服务端使用了koa2做了一个简单的服务

如何选择合适的框架 每个公司对产品的定位不同。项目架搭和选择上也会有差异。 如果你在一家自研的公司，应更加注重的是在代码的品质，拓展性，维护，用户体验。而如你在一家外包公司，可能更注重的是需求和效率能

上一篇我们已经把基础的工程化搭建了，下面就是集成项目所需要的插件，比如elementplus、unocss、mock之类的，因为我们使用的是vite，所以这些插件需要集成在里面。