feat: 前台登录时，重新查询用户身份信息

Author: liuyueyi

src/api/modules/login.ts

@@ -15,6 +15,13 @@ export const loginApi = (params: Login.ReqLoginForm) => {
 	// return http.post<Login.ResLogin>(PORT1 + `/login`, params, { headers: { noLoading: true } }); // 控制当前请求不显示 loading
 };
 
+/**
+ * 查询当前登录的用户信息
+ */
+export const loginUserInfo = () => {
+	return http.get(PORT1 + `/user/info`, {});
+};
+
 export const logoutApi = () => {
 	return http.get(PORT1 + `/logout`, {});
 };

src/layouts/components/Header/index.tsx

@@ -1,6 +1,8 @@
 import { connect } from "react-redux";
 import { Layout } from "antd";
 
+import { loginUserInfo } from "@/api/modules/login";
+import { setToken, setUserInfo } from "@/redux/modules/global/action";
 import AssemblySize from "./components/AssemblySize";
 import AvatarIcon from "./components/AvatarIcon";
 import BreadcrumbNav from "./components/BreadcrumbNav";
@@ -11,8 +13,23 @@ import Theme from "./components/Theme";
 import "./index.less";
 
 const LayoutHeader = (props: any) => {
-	const { userInfo } = props || {};
+	let { userInfo } = props || {};
+	if (!userInfo) {
+		let fetchUsrInfo = async () => {
+			const { status, result } = await loginUserInfo();
+			if (status && status.code == 0 && result && result?.userId > 0) {
+				// fixme 拿登录的用户名、用户头像来替换默认的用户名头像
+				setToken(result?.userId);
+
+				setUserInfo(result);
+				userInfo = result;
+			}
+		};
+		// 未拿到用户信息时，主动去拿一下
+		fetchUsrInfo();
+	}
 	const { userName } = userInfo || {};
+	console.log("userInfo:", userInfo, userName);
 
 	const { Header } = Layout;