vue项目架构

搭建项目框架, 封装模块

1. 网络模块封装

• axios 二次封装
  • 请求拦截器 token 是什么
  • 响应拦截器 http 协议

2. 动态权限菜单

• axios 二次封装
  • 函数递归
  • 动态添加路由 addRoutes
  • 刷新界面， 菜单丢失问题 ，持久化存储技术实现
  • 点击菜单，不能找到路由组件问题,

3. 按钮资源权限

• 根据登录用户角色获取能操作的资源列表，保存store
• 自定义权限指令, 封装有无操作该资源的权限
• v-permission=“[‘EditUser’]”

4. 统一登录认证

• 登陆成功保存登录状态
• 全局导航守卫处，做认证判断
• 全局导航守卫处，做认证判断

5. UI界面封装

• 样式的封装
• 字体图标
• svg

6. 通用组件封装

• 文件预览上传组件二次封装
• 菜单组件
• 头部组件
• 其它