若依vue3获取登录信息

若依是一个开源的企业级快速开发平台，它通常使用Vue.js作为前端框架。在Vue3中，获取登录信息通常涉及以下几个步骤：

1. 登录：首先，用户在登录页面提交用户名和密码，前端会将这些信息发送到后端进行验证。

2. 存储Token：一旦后端验证用户信息成功，会返回一个Token（如JWT），这个Token通常包含了用户的登录信息，并且需要在前端进行存储，通常会保存在localStorage或sessionStorage中。

3. 获取登录信息：在Vue3应用中，可以在一个全局的Store（如使用Vuex）或者在Vue组件的`setup`函数中通过调用`useStorage`（对于基于Composition API的应用）来获取存储的Token，并从中提取用户的登录信息。

4. 使用登录信息：获取到登录信息后，可以在应用的任何地方根据需要使用这些信息。例如，在请求拦截器中添加Token到HTTP请求头中，以便对后端API进行授权访问。

下面是一个使用Vuex和localStorage获取登录信息的简化示例：

// store/index.js
import { createStore } from 'vuex';

export default createStore({
  state() {
    return {
      userInfo: null,
    };
  },
  mutations: {
    SET_USER_INFO(state, userInfo) {
      state.userInfo = userInfo;
    },
  },
  actions: {
    setUserInfo({ commit }, userInfo) {
      commit('SET_USER_INFO', userInfo);
      localStorage.setItem('userInfo', JSON.stringify(userInfo));
    },
    getUserInfo({ commit }) {
      const userInfo = localStorage.getItem('userInfo');
      if (userInfo) {
        commit('SET_USER_INFO', JSON.parse(userInfo));
      }
    },
  },
});

// 在主组件中
import { useStore } from 'vuex';
import { onMounted, onUnmounted } from 'vue';

export default {
  setup() {
    const store = useStore();
    onMounted(() => {
      store.dispatch('getUserInfo');
    });
    onUnmounted(() => {
      // 清理逻辑
    });

    return {
      // ...其他需要在模板中使用的响应式数据
    };
  },
};