14vue3实战-----获取用户信息和用户的菜单树信息

1.获取用户信息

1.1封装接口

后端有根据id获取用户信息的接口，前端需要把该接口封装一下:
service/login/login.ts：

import hyRequest from '..'
import type {
   
    IAccount } from '@/types'
import {
   
    localCache } from '@/utils/cache'
import {
   
    LOGIN_TOKEN } from '@/global/constants'
export function getUserInfoById(id: number) {
   
   
  return hyRequest.get({
   
   
    url: `/users/${
     
     id}`
    headers: {
   
   
       Authorization: 'Bearer ' + localCache.getCache(LOGIN_TOKEN)
    }
  })
}

store/login/login.ts：

...
async loginAccountAction(account: IAccount) {
   
   
      // 1.账号登录, 获取token等信息
      const loginResult = await accountLoginRequest(account)
      const id = loginResult.data.id
      this.token = loginResult.data.token
      localCache.setCache(LOGIN_TOKEN, this.token)

      // 2.获取登录