feat: 登录用户信息缓存

src/views/User/Login/index.tsx

@@ -33,11 +33,14 @@ import logo from "@/assets/icons/schisandra.svg";
 import qrCode from "@/assets/images/login_qrcode-landaiqing.jpg";
 import styles from "./index.module.less";
 import { observer } from "mobx-react";
+import useStore from "@/utils/store/useStore.tsx";
 import FooterComponent from "@/components/Footer";
 import RotateCaptcha, { CaptchaInstance, type TicketInfoType } from "react-rotate-captcha";
 import { get, load } from "@/api/captcha/index.ts";
 import { getSms, login, oauthLogin } from "@/api/user";
 import { TinyColor } from "@ctrl/tinycolor";
+import { useNavigate } from "react-router-dom";
+import { setStorage } from "@/utils/localStorage/config.ts";
 
 type LoginType = "account" | "phone";
 
@@ -53,6 +56,8 @@ export default observer(() => {
 	const smsCaptcha = useRef<CaptchaInstance>(null);
 	const loginCaptcha = useRef<CaptchaInstance>(null);
 	const captchaRef = useRef<CaptFieldRef | null | undefined>();
+	const navigate = useNavigate();
+	const store = useStore("user");
 	const colors = ["#40e495", "#30dd8a", "#2bb673"];
 	const getHoverColors = (colors: string[]) =>
 		colors.map((color) => new TinyColor(color).lighten(5).toString());
@@ -94,6 +99,14 @@ export default observer(() => {
 		};
 		const res: any = await login(data);
 		if (res && res.success && res.code === 0) {
+			store.setToken(res.data.token);
+			store.setUserId(res.data.user.id);
+			setStorage("token", res.data.token, 24 * 60 * 30);
+			if (store.getToken() !== null || store.getUserId() !== null) {
+				setTimeout(() => {
+					navigate("/main");
+				}, 3000);
+			}
 			message.open({
 				content: "登录成功！",
 				type: "success",

src/views/User/Register/index.tsx

@@ -309,7 +309,7 @@ export default observer(() => {
 									onClick={async () => {
 										const validateFields = [
 											"phone",
-											"userName",
+											"username",
 											"password",
 											"activeCode",
 											"confirmPassword",