【Abp VNext】实战入门(五):【6】前端管理界面 vue-element-admin —— 通过Access_Token获取用户基础信息

  • Post author:
  • Post category:vue




一、前言

通过账号密码信息从 https://localhost:44349/connect/token 获取的结果只有Token相关信息,没有用户基础信息,连用户编号ID都没有;

可用使用token从 https://localhost:44349/connect/userinfo 获取用户基础信息; 这个接口也是隐藏的没有在 Swagger中显示



二、步骤

1、request.js 接口请求中添加Content-Type:

request.headers['Content-Type'] = 'application/x-www-form-urlencoded'

2、api/user.js 申明获取用户信息方法:

export function GetInfo() {
  return request({
    url: '/connect/userinfo',
    method: 'get'
  })
}

3、xxx.vue页面测试:

	import Api from '@/api/index'
    // 获取用户信息
    GetUserInfo() {    	
        Api.User.GetInfo().then((res) => {
        console.log(res)
      })
    }



总结

注意:api/user.js 是封装在api/index中的 ,其他类也可以采用类似的方法放在api目录中 然后封装到index页面 方便使用:

Api.User.xxx();

Api.Tenant.xxx();



版权声明:本文为liuyonghong159632原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。