3）用户信息&菜单权限管理&vue项目瘦身

上章完成了与vue-element-admin的接口对接，获取token登录的基本功能，本章将继续完成用户信息&菜单权限管理相关功能

上章说过vue-element-admin的菜单权限是使用用户角色来控制的，而这里我们不需要通过role控制，通过/api/abp/application-configuration接口的auth.grantedPolicies字段，与对应的菜单路由绑定，进而实现对权限控制。

在src/store/modules/user.js 添加设置roles的方法

在src/store/modules/permission.js修改内容如下：

在src/permission.js修改内容如下：

同时要确保user/getInfo 接口能正常获取到用户信息,刷新运行项目就能正常看到菜单

目前的全部菜单并没有被权限控制，需要给路由改造一下 在 src/router/index.js meta里面添加字段 policy: 'AbpIdentity.Roles',AbpIdentity.Roles 为 abppermissiongrants表中的一项，现在将这个删除。(图为已删除结果)

ps:别拿constantRoutes里面的路由测试，这里的路由是公开的不受权限控制

修改完成后重启服务端，刷新ui界面就可以看到"权限测试页"被移除了。

权限绑定菜单到这里就差不多了，接下来是将vue项目瘦身，框架自带的很多东西都不是我们需要的。

。删除vue里面多余的路由与view

删除小技巧:根据路由找到相对应的文件夹后删除view，如果某些组件没有用到也可以移除

删除完成后得到的效果

最后添加ABP自带的身份认证模块

在src/touter/modules 添加 identity.js、tenant.js

在src/touter/index.js 里面添加

在src/views 里面新建identity、tenant文件夹加及相关view

最终展示效果

本章到此结束，下章将来继续完成 UI端的权限处理，ABP与vue的国际化