🔧 fix: logout api 호출하도록 변경

boostcampwm-2024 · Nov 21, 2024 · c739e1f · c739e1f
1 parent f942ef0
commit c739e1f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/FE/src/components/Header.tsx b/FE/src/components/Header.tsx
@@ -24,6 +24,11 @@ export default function Header() {
     check();
   }, [setIsLogin]);
 
+  const handleLogout = () => {
+    setIsLogin(false);
+    deleteCookie('accessToken');
+  };
+
   return (
     <header className='fixed left-0 top-0 h-[60px] w-full bg-white'>
       <div className='mx-auto flex h-full max-w-[1280px] items-center justify-between px-8'>
@@ -52,10 +57,7 @@ export default function Header() {
           {isLogin ? (
             <button
               className='px-4 py-2 text-sm text-juga-grayscale-500'
-              onClick={() => {
-                setIsLogin(false);
-                deleteCookie('accessToken');
-              }}
+              onClick={handleLogout}
             >
               로그아웃
             </button>

diff --git a/FE/src/service/auth.ts b/FE/src/service/auth.ts
@@ -24,3 +24,14 @@ export async function checkAuth() {
     headers: { 'Content-Type': 'application/json' },
   });
 }
+
+export async function logout() {
+  const url = import.meta.env.PROD
+    ? `${import.meta.env.VITE_API_URL}/auth/logout`
+    : '/api/auth/logout';
+
+  return fetch(url, {
+    credentials: 'include',
+    headers: { 'Content-Type': 'application/json' },
+  });
+}