前言 从2024到2025了我学习前端也有一个多月了，从vue语法，组件，响应式，生命周期，指令，到这两天学的vue-router 路由器，也差不多已经掌握了构建单页应用的简单开发了，距离我的第一个实

什么是路由鉴权? 假设你系统有张三，李四两个用户，且总计有如下3个路由，现在你需要实现：张三，能访问所有路由，李四只能访问C路由。那么这就是路由鉴权 一个怪异现象 为什么我有这种感觉？ 我看过几个开源

为什么我要写这个项目呢，后台业务在项目中是很常见的，而市面上的后台框架其实都很好，但是很多时候感觉封装的很深，所以是想要自己搭建一个框架方便后面自己使用，也可以通过这种方式分享下经验和心得

在3年前发布了一篇vue2后台管理系统动态路由方案，时至今日，vue2已经升级到了vue3，动态路由的实现方案也同步做出了一些升级迭代，帮助开发者们更高效的完成业务需求，然后摸鱼🐟。

在开发管理后台过程中，一定会遇到不少了增删改查页面，而这些页面的逻辑大多都是相同的，这样子会导致代码耦合度越来越高，下面，我们将这些可复用的数据抽离出来成hook，既解决耦合度的问题又提高工作效率

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

因为 ECharts 的使用场景及其广阔，并且定制化的场景比较多，所以就不封装可以复用的组件了，在我看来，echarts封装更好用就行了

此文的目的是基于Vite从0到1搭建一个Vue3相关的工程化模板项目，其中包括集成Typescript、Vitest、Tsx、Vue Router、Pinia、element-plus、Eslint、

Web开发中，我们最常用的HTTP库就是Axios了，它的底层基于Ajax进行封装，在浏览器端和服务端都可以使用。如果大家对一些API不是很熟悉可以参考官方地址，或者中文社区。虽然现在网上已经有很多基于Axios封装的文章了，但是不妨碍我来接受社区大佬的“棒打”。 多环境：开发…