fix: 쿠키 만료시간 수정

makevook · Jul 26, 2024 · aeef6ed · aeef6ed
1 parent f6c4f97
commit aeef6ed
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 6 deletions.
diff --git a/apps/extension/components/PopupBox/PopupBox.tsx b/apps/extension/components/PopupBox/PopupBox.tsx
@@ -32,6 +32,7 @@ export const PopupBox = () => {
     baseFetcher.setUnAuthorizedHandler(() => {
       removeStorage('vook-access')
       removeStorage('vook-refresh')
+      setHasToken(false)
     })
   }, [])
 

diff --git a/apps/web/src/app/(beforeLogin)/auth/token/page.tsx b/apps/web/src/app/(beforeLogin)/auth/token/page.tsx
@@ -22,9 +22,11 @@ const AuthCallbackPage = ({
   useEffect(() => {
     Cookies.set('access', access, {
       secure: true,
+      expires: new Date('2038-01-19T03:14:07.000Z'),
     })
     Cookies.set('refresh', refresh, {
       secure: true,
+      expires: new Date('2038-01-19T03:14:07.000Z'),
     })
     window.postMessage(
       {

diff --git a/apps/web/src/components/SilentRefresh/SilentRefresh.tsx b/apps/web/src/components/SilentRefresh/SilentRefresh.tsx
@@ -40,8 +40,12 @@ export const SilentRefresh = () => {
 
         queryClient.setQueryData(['access'], newAccess)
         queryClient.setQueryData(['refresh'], newRefresh)
-        Cookies.set('access', newAccess)
-        Cookies.set('refresh', newRefresh)
+        Cookies.set('access', newAccess, {
+          expires: new Date('2038-01-19T03:14:07.000Z'),
+        })
+        Cookies.set('refresh', newRefresh, {
+          expires: new Date('2038-01-19T03:14:07.000Z'),
+        })
       }
 
       refresh()

diff --git a/apps/web/src/middleware.ts b/apps/web/src/middleware.ts
@@ -48,8 +48,14 @@ const checkUserStatusMiddleware =
         newAccessToken = res.headers.get(ACCESS_TOKEN_HEADER_KEY)
         newRefreshToken = res.headers.get(REFRESH_TOKEN_HEADER_KEY)
 
-        finalResponse.cookies.set('access', newAccessToken!)
-        finalResponse.cookies.set('refresh', newRefreshToken!)
+        finalResponse.cookies.set('access', newAccessToken!, {
+          expires: new Date('2038-01-19T03:14:07.000Z'),
+          maxAge: 60 * 60 * 24 * 365 * 20,
+        })
+        finalResponse.cookies.set('refresh', newRefreshToken!, {
+          expires: new Date('2038-01-19T03:14:07.000Z'),
+          maxAge: 60 * 60 * 24 * 365 * 20,
+        })
       } else {
         return false
       }

diff --git a/packages/api/src/lib/fetcher.ts b/packages/api/src/lib/fetcher.ts
@@ -139,8 +139,12 @@ export class Fetcher {
         throw new Error('토큰 갱신에 실패하였습니다.')
       }
 
-      Cookies.set('access', newAccessToken)
-      Cookies.set('refresh', newRefreshToken)
+      Cookies.set('access', newAccessToken, {
+        expires: new Date('2038-01-19T03:14:07.000Z'),
+      })
+      Cookies.set('refresh', newRefreshToken, {
+        expires: new Date('2038-01-19T03:14:07.000Z'),
+      })
       client.setQueryData(['access'], newAccessToken)
       client.setQueryData(['refresh'], newRefreshToken)