prefetch

c121914yu · Sep 14, 2023 · 490d986 · 490d986
1 parent 0a4cf47
commit 490d986
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 3 deletions.
diff --git a/client/src/components/Layout/navbar.tsx b/client/src/components/Layout/navbar.tsx
@@ -156,6 +156,7 @@ const Navbar = ({ unread }: { unread: number }) => {
           <Link
             as={NextLink}
             {...itemStyles}
+            prefetch
             href={`/account?currentTab=inform`}
             mb={0}
             color={'#9096a5'}

diff --git a/client/src/pages/index.tsx b/client/src/pages/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { Box } from '@chakra-ui/react';
 import { feConfigs } from '@/store/static';
 import { serviceSideProps } from '@/utils/i18n';
@@ -18,6 +18,11 @@ const Home = ({ homeUrl = '/' }: { homeUrl: string }) => {
     router.replace(homeUrl);
   }
 
+  useEffect(() => {
+    router.prefetch('/app/list');
+    router.prefetch('/login');
+  }, []);
+
   return homeUrl === '/' ? (
     <Box id="home" bg={'myWhite.600'} h={'100vh'} overflowY={'auto'} overflowX={'hidden'}>
       <Box position={'fixed'} zIndex={10} top={0} left={0} right={0}>

diff --git a/client/src/pages/login/index.tsx b/client/src/pages/login/index.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from 'react';
+import React, { useState, useCallback, useEffect } from 'react';
 import styles from './index.module.scss';
 import { Box, Flex, Image, useDisclosure } from '@chakra-ui/react';
 import { PageTypeEnum } from '@/constants/user';
@@ -53,6 +53,10 @@ const Login = () => {
     return <Component setPageType={setPageType} loginSuccess={loginSuccess} />;
   }
 
+  useEffect(() => {
+    router.prefetch('/app/list');
+  }, []);
+
   return (
     <>
       {feConfigs.googleClientVerKey && (

diff --git a/client/src/pages/login/provider.tsx b/client/src/pages/login/provider.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import { useGlobalStore } from '@/store/global';
 import { ResLogin } from '@/api/response/user';
@@ -88,6 +88,10 @@ const provider = ({ code, state }: { code: string; state: string }) => {
     return null;
   });
 
+  useEffect(() => {
+    router.prefetch('/app/list');
+  }, []);
+
   return <Loading />;
 };