登录后主页右上角个人信息修改

1.登录后，首页右上角会有一个等待提示图标一直转，是因为没获取到正常的用户信息

2.找到src/components/RightContent/AvatarDropdown文件进行修改 currentUser.name改成currentUser.userName（userName是用户id，如admin，如要显示用户名用nickName） 这里的currentUser.name也改成currentUser.userName

3.修改退出登录效果 修改src/services/ant-design-pro/api.js中的outLogin方法，原方法代码如下：

export async function outLogin(options) {
  return request('/api/login/outLogin', {
    method: 'POST',
    ...(options || {}),
  });
}

改后代码：

export async function outLogin(options) {
  return request('/api/logout', {
    method: 'POST',
    ...(options || {}),
  });
}

返回src/components/RightContent/AvatarDropdown，文件头部引入清除token的方法

import {  clearToken} from '@/utils/authority';

在AvatarDropdown的loginOut方法中加入清除缓存的方法，改后代码如下：

const loginOut = async () => {
  await outLogin();
  clearToken();
  const { query = {}, pathname } = history.location;
  const { redirect } = query; // Note: There may be security issues, please note

  if (window.location.pathname !== '/user/login' && !redirect) {
    history.replace({
      pathname: '/user/login',
      search: stringify({
        redirect: pathname,
      }),
    });
  }
};

清空缓存，重启前后台，再次登录后，右上角信息显示正常，可以使用退出登录菜单退出登录 最近做了个小API应用，希望大家关注支持下: www.yuque.com/docs/share/…