ruoyi-vue接口获取用户信息getinfo

ruoyi-vue是一个前后端分离的项目，前端通过调用后端接口获取需要的数据。获取用户信息的接口是在后端编写的，前端需要通过调用这个接口来获取用户信息。

具体实现步骤如下：

1. 在后端编写获取用户信息的接口，一般是在UserController中编写。
2. 在前端的api目录下创建user.js文件，定义获取用户信息的方法。可以使用axios或者fetch等库来发送请求。
3. 在需要获取用户信息的组件中引入user.js文件，并调用获取用户信息的方法。
4. 在组件中使用获取到的用户信息展示数据。

以下是一个简单的示例代码：

后端UserController中的代码：

@GetMapping("/getInfo")
public AjaxResult getInfo()
{
    LoginUser loginUser = tokenService.getLoginUser(ServletUtils.getRequest());
    SysUser user = loginUser.getUser();
    Map<String,Object> data = new HashMap<>();
    data.put("username", user.getUserName());
    data.put("avatar", user.getAvatar());
    data.put("roles", roleService.getRolePermission(user));
    return AjaxResult.success(data);
}

前端api/user.js中的代码：

import request from '@/utils/request'

export function getInfo() {
  return request({
    url: '/system/user/getInfo',
    method: 'get'
  })
}

前端组件中调用api/user.js中的代码：

import { getInfo } from '@/api/user'

export default {
  data() {
    return {
      username: '',
      avatar: '',
      roles: []
    }
  },
  mounted() {
    this.fetchData()
  },
  methods: {
    fetchData() {
      getInfo().then(response => {
        this.username = response.data.username
        this.avatar = response.data.avatar
        this.roles = response.data.roles
      })
    }
  }
}

以上代码仅供参考，具体实现还需要根据自己的需求来进行调整。