vue项目架构

搭建项目框架, 封装模块

1. 网络模块封装
  • axios 二次封装
    • 请求拦截器 token 是什么
    • 响应拦截器 http 协议
2. 动态权限菜单
  • axios 二次封装
    • 函数递归
    • 动态添加路由 addRoutes
    • 刷新界面, 菜单丢失问题 ,持久化存储技术实现
    • 点击菜单,不能找到路由组件问题,
3. 按钮资源权限
  • 根据登录用户角色获取能操作的资源列表,保存store
  • 自定义权限指令, 封装有无操作该资源的权限
  • v-permission=“[‘EditUser’]”
4. 统一登录认证
  • 登陆成功保存登录状态
  • 全局导航守卫处,做认证判断
  • 全局导航守卫处,做认证判断
5. UI界面封装
  • 样式的封装
  • 字体图标
  • svg
6. 通用组件封装
  • 文件预览上传组件二次封装
  • 菜单组件
  • 头部组件
  • 其它

你可能感兴趣的:(前端,javascript)