2022-03-04查看 评论
Abp vNext&Vue(2)菜单权限设置

本文介绍了在Vue.js和ABP框架中设置菜单权限的方法。通过修改角色权限来控制功能,无需在发布后修改菜单。权限接口的实现是通过查看ABP官方Demo中的auth=>grantedPolicies数据来分配当前用户的权限。在Vue菜单权限设置中,通过修改types/vue-router.d.ts文件,添加grantedPolicy字段来控制菜单的权限。同时,在store/modules中,通过新增grantedPolicies和相关get/set方法,以及buildRoutesAction方法来动态构建路由,实现菜单权限的管理。整体改造简单,充分利用了ABP框架提供的方法,无需另建menu表管理菜单权限。

2022-03-03查看 评论
Abp vNext&Vue(1)实现登录功能

摘要: 本文介绍了在Vue.js框架下选用vbenjs的开源框架vue-vben-admin作为vue项目的构建基础,利用Abp vNext作为后端服务器来实现登录功能的过程。首先介绍了项目的基础设置和源码获取方式,然后详细描述了如何获取登录接口的具体实现过程,包括使用IdentityServer4来获取token和登录过程,同时修改Vue项目中的代码以适配ABP的认证机制。接着,通过修改api请求接口,创建新的abp配置文件以完成登录验证流程。最后,介绍了项目的跨域配置及修改项目端口号等必要设置,以确保登录功能正常工作。在此过程中可能会遇到错误需要自行处理的问题,详细描述了解决步骤。整体而言,本文详细阐述了Vue.js与Abp vNext结合实现登录功能的流程。