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

一、前言

通过账号密码信息从 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();