点击空白处退出提示
作品详情
栈: vue 、vue -cli、vue - router 、vuex 、axios 、e lement- ui、day.js 、echarts等项目职责:
1.将项目进行组合拆分, 使用 Vue 框架搭配 element- ui 进行组件式开发;
2.登录成功时将获取到的 token 值放入 vuex 与本地中, 在 Vue - Router 中利用导航守卫队后续请求
进行权限拦截;
3.封装 axios 统一请求地址和传参方式, 在发送请求前添加请求拦截器, 获取仓库中的token值, 在
请求头中加入 token, 并配合 async和 await 解决回调地狱问题;
4.用户权限管理: 根据不同角色信息进行权限分配 (按用户的角色所拥有的权限进行动态匹配菜单和
列表展示) ;
5.使用 e lement- ui 组件实现产品列表的数据展示, 添加, 修改, 删除和查看;
6.通过使用 arry-to-tree 将数据转换为树形数据;
7.使用 keep-alive 实现路由缓存, 路由守卫来控制页面跳转;
8.通过vuex 配合公共请求, 实现全局数据共享以及交互, 减少请求;
9.使用路由懒加载和图片懒加载, 优化项目。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论