项目描述:这是一个管理公司各项开放服务的平台,可以快速部署、使用开发好的开放服务,例如公司邮箱服务、文件服务、登录服务。
项目职责:编写前端设计文档,搭建建项目框架,根据设计文档封装主要组件,负责项目整体的架构设计和开发工作。
涉及技术: Vue3、Ant-Design-Vue、Axios、Vue-Router、Vuex、TypeScript等
项目亮点:1. 基于 axios 封装请求工具,并通过 axios 拦截器在每个请求头里面塞入 token, 并通过拦截对服务端返回做统一处理;
2. 使用addRoutes()方法,根据服务端返回的用户权限,递归遍历动态路由表, 结合静态路由生成该用户可访问的路由表;
3. 结合message组件和h()渲染函数封装v-auth权限指令,点击按钮弹出对应提示,做到按钮级别权限控制;
4. 使用TypeScript对接口参数、组件props参数做限制,提高代码质量,增加代码可读性。