feat: get요청 캐싱 추가

FIXETT · Mar 27, 2023 · a057cad · a057cad
1 parent a2fac72
commit a057cad
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/apis/assetInstance.ts b/src/apis/assetInstance.ts
@@ -45,7 +45,6 @@ AxiosInstance.interceptors.response.use(
       localStorage.clear();
       window.location.href = '/';
     }
-
     return Promise.reject(error);
   },
 );
diff --git a/src/components/dashboard/AssetList.tsx b/src/components/dashboard/AssetList.tsx
@@ -14,11 +14,19 @@ const AssetList = () => {
   const [assetList, setAssetList] = useState<assetListType[]>([]);
   const searchText = useRecoilValue(searchTextState);
 
+  useEffect(() => {
+    const token = window.localStorage.getItem('token');
+    if (!token) {
+      alert('로그인이 필요한 페이지 입니다. 로그인해주세요.');
+      localStorage.clear();
+      window.location.href = '/';
+    }
+  }, []);
   const { data, status } = useQuery({
     queryKey: ['getAsset'],
     queryFn: async () => await getAsset(),
     retry: 0, // 실패시 재호출 몇번 할지
-    keepPreviousData: true,
+    cacheTime: 10000, // 10초 동안 캐싱
     onSuccess: (data) => {
       data.data.asset === 'does not exist asset';
       const list = data?.data?.asset?.Assets;