基于Element-admin-ui开发后台管理系统
最近换了⼀份⼯作，开始独⽴做⼀个web B端管理系统，从框架搭建到第⼀版项⽬线上部署，⼤概花了1⽉有余时间。利⽤这两天时间好好整理下这中间遇到的⼀些问题。
⼀  框架选择
因为项⽬周期的原因，全部⾃⼰开发的话花费时间周期将加长，经过多个框架对⽐，最后选择了Element-admin-ui + vue。
之前有⽤过element UI，但Element-admin-ui还是⼀次使⽤。
点击 基础模板 进⼊ github，按照步骤克隆下载，这⾥就不⼀⼀介绍了。
有5篇 ⽂章，请仔细阅读
⼆ 克隆运⾏初始版本
三 探坑指南
管理员在登录账号后接⼝会返回⼀个token，并将其存到请求头，之后在每个接⼝请求时进⾏token验证并进⾏拦截。进⼊登录页，点登录时调⽤接⼝正常返回可看到
我这边是已经修改了登录接⼝的地址，然后后端返回的数据。
然后将token存⼊请求头中，名字请⾃⾏定义。然后token拦截的状态码需根据接⼝返回进⾏更改。
vue element admin
前期不需要拦截的话如下图，将画圈部分注释，再将下⾯的return注释打开即可
2. 动态路由控制
有个需求，管理员通过账号登录，接⼝返回对应的菜单，然后再添加到路由进⾏渲染。
Element-admin-ui⾥⾯是通过登录账号的类型去判断，如admin,super_editor等，由前端来控制。现在需要完全由后端来返回路由进⾏跳转，所以⾥边的内容需要改改。
到\src\store\modules下user.js
这⾥是调⽤登录接⼝的地⽅，然后将登录成功返回的数据增加到缓存中

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。