ruoyi-vue如何获取登录用户名称

在Ruoyi-Vue框架中，获取已登录用户的用户名通常涉及到前端和服务端的交互。首先，你需要确保在后端已经实现了用户认证机制，并且将用户信息存储在了session或者token中。

前端可以通过axios等HTTP客户端库向后端API发送请求，比如`/api/user/current`，这个路径假设后端已经设置好了处理当前登录用户的接口，返回的数据结构通常包含用户名等信息。示例代码如下：

import axios from 'axios';

export function getCurrentUser() {
  return axios.get('/api/user/current')
    .then(response => {
      const username = response.data.username;
      // 返回用户名给需要的地方，例如Vuex状态管理
      return username;
    })
    .catch(error => {
      console.error('Failed to get current user', error);
    });
}

然后，在Vue组件中可以注入上面的方法并使用它来获取用户名：

<template>
  <div>
    {{ userName }}
  </div>
</template>

<script>
import { getCurrentUser } from '@/api/user';

export default {
  computed: {
    userName() {
      return this.getCurrentUser();
    }
  },
  mounted() {
    this.getCurrentUser(); // 可以选择在mounted钩子中获取一次
  }
};
</script>