Browse Source

更新页面加载

xiaolin.fu 2 months ago
parent
commit
d76d236c60
2 changed files with 54 additions and 54 deletions
  1. 10 21
      .env.local
  2. 44 33
      src/components/Header/HeaderRight.tsx

+ 10 - 21
.env.local

@@ -1,24 +1,13 @@
-# 环境
 #baseurl
-# NEXT_PUBLIC_BASE_URL=http://192.168.0.71:8800
-NEXT_PUBLIC_BASE_URL=http://192.168.0.84:8800
-# NEXT_PUBLIC_BASE_URL=https://3rd-api.tiktokjakjkl.icu
+NEXT_PUBLIC_BASE_URL=https://hk-api.tiktokjakjkl.icu
 #share link
-NEXT_PUBLIC_SHARE_URL=http://192.168.0.84:3000
-
+NEXT_PUBLIC_SHARE_URL=https://hk-site.tiktokjakjkl.icu
 #firebase
-NEXT_PUBLIC_FIREBASE_APIKEY=AIzaSyDAWORGKhdyzb5KeqTi535VmD5gN2Cdle8
-NEXT_PUBLIC_FIREBASE_AUTHDOMAIN=bcwin-a99b1.firebaseapp.com
-
-
-
-
-NEXT_PUBLIC_FIREBASE_PROJECTID=bcwin-a99b1
-NEXT_PUBLIC_FIREBASE_STORAGEBUCKET=bcwin-a99b1.appspot.com
-NEXT_PUBLIC_FIREBASE_MESSAGINGSENDERID=1055413612814
-NEXT_PUBLIC_FIREBASE_APPID=1:1055413612814:web:7a563237de8e43849d275f
-
-
-
-NEXT_PUBLIC_FIREBASE_MEASUREMENTID=G-467M2BYJMS
-NEXT_PUBLIC_FIREBASE_KEYS=BAOsT7kii-ctLzGrgXe_wYhfuxlme1v4njnD0uPSKp3DpSnrUa2e709b9dRaeYVU7jF_qIx1y9tEv0CvilDCdnM
+NEXT_PUBLIC_FIREBASE_APIKEY=AIzaSyCIE8xtySsYztsSgmQJx_aqPrrpHEuvgvw
+NEXT_PUBLIC_FIREBASE_AUTHDOMAIN=bcwin777-1bdda.firebaseapp.com
+NEXT_PUBLIC_FIREBASE_PROJECTID=bcwin777-1bdda
+NEXT_PUBLIC_FIREBASE_STORAGEBUCKET=bcwin777-1bdda.firebasestorage.app
+NEXT_PUBLIC_FIREBASE_MESSAGINGSENDERID=542456379513
+NEXT_PUBLIC_FIREBASE_APPID=1:542456379513:web:851a46fc639085170bfca8
+NEXT_PUBLIC_FIREBASE_MEASUREMENTID=G-GV6Y8DXHHD
+NEXT_PUBLIC_FIREBASE_KEYS=BOCfpA08vK6uxhMdRblnx9gPVBLx9WpTn9AutVNhHQQpVtXzDIKW0X6cmsNRaFDhyFDJfMqWjqC7mq6uDFIKU_M

+ 44 - 33
src/components/Header/HeaderRight.tsx

@@ -1,4 +1,6 @@
 "use client";
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
 import { Link } from "@/i18n/routing";
 import { useWalletStore } from "@/stores/useWalletStore";
 import { getToken } from "@/utils/Cookies";
@@ -6,42 +8,51 @@ import { useTranslations } from "next-intl";
 import styles from "./style.module.scss";
 
 const HeaderRight = () => {
-    const t = useTranslations("Header");
+  const router = useRouter();
+  const t = useTranslations("Header");
 
-    const token = getToken();
-    const score = useWalletStore((state) => state.wallet.score);
+  const token = getToken();
+  const score = useWalletStore((state) => state.wallet.score);
 
-    return (
-        <div className={styles.headerRight}>
-            <div className={styles.right}>
-                {token ? (
-                    <>
-                        <Link
-                            href={"/profile"}
-                            className={"flex items-center text-[0.12rem]"}
-                            prefetch
-                        >
-                            <i className={"iconfont icon-yonghu mr-[0.03rem]"}></i>
-                            <span>{score}</span>
-                        </Link>
+  // ✅ 主动预加载常用页面,仅在浏览器 + router ready 时执行
+  useEffect(() => {
+      router.prefetch("/profile");
+      router.prefetch("/deposit");
+      router.prefetch("/login?redirect=/");
+      router.prefetch("/register?redirect=/");
+  }, []);
 
-                        <Link href={"/deposit"} prefetch className={styles.rightActive}>
-                            {t("deposit")}
-                        </Link>
-                    </>
-                ) : (
-                    <>
-                        <Link href={"/login?redirect=/"} prefetch className={styles.leftActive}>
-                            {t("login")}
-                        </Link>
-                        <Link href={"/register?redirect=/"} prefetch className={styles.rightActive}>
-                            {t("register")}
-                        </Link>
-                    </>
-                )}
-            </div>
-        </div>
-    );
+  return (
+      <div className={styles.headerRight}>
+          <div className={styles.right}>
+              {token ? (
+                  <>
+                      <Link
+                          href={"/profile"}
+                          className={"flex items-center text-[0.12rem]"}
+                          prefetch
+                      >
+                          <i className={"iconfont icon-yonghu mr-[0.03rem]"}></i>
+                          <span>{score}</span>
+                      </Link>
+
+                      <Link href={"/deposit"} prefetch className={styles.rightActive}>
+                          {t("deposit")}
+                      </Link>
+                  </>
+              ) : (
+                  <>
+                      <Link href={"/login?redirect=/"} prefetch className={styles.leftActive}>
+                          {t("login")}
+                      </Link>
+                      <Link href={"/register?redirect=/"} prefetch className={styles.rightActive}>
+                          {t("register")}
+                      </Link>
+                  </>
+              )}
+          </div>
+      </div>
+  );
 };
 
 export default HeaderRight;