From 285a2662b7a785712e41d2453623c9a1e1ea913a Mon Sep 17 00:00:00 2001
From: sohot8653 <kmbin92@stam.kr>
Date: Thu, 28 Aug 2025 16:47:24 +0900
Subject: [PATCH] =?UTF-8?q?[=EC=82=AC=EC=9A=A9=EC=9E=90=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=20=EB=B0=8F=20=EB=A1=9C=EA=B7=B8=EC=95=84=EC=9B=83=20?=
 =?UTF-8?q?=EC=B2=98=EB=A6=AC=20=EA=B0=9C=EC=84=A0]=20=EC=82=AC=EC=9A=A9?=
 =?UTF-8?q?=EC=9E=90=20=EC=9D=B4=EB=A6=84=20=EC=A0=91=EA=B7=BC=20=EB=B0=A9?=
 =?UTF-8?q?=EC=8B=9D=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=EB=A1=9C=EA=B7=B8?=
 =?UTF-8?q?=EC=95=84=EC=9B=83=20=ED=95=A8=EC=88=98=20=EB=B9=84=EB=8F=99?=
 =?UTF-8?q?=EA=B8=B0=20=EC=B2=98=EB=A6=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/layout/AppHeader.vue |  6 +++---
 composables/useApi.ts           | 15 +++------------
 stores/user.ts                  | 21 ++++++++++++---------
 3 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/components/layout/AppHeader.vue b/components/layout/AppHeader.vue
index a84fe33..d942bc2 100644
--- a/components/layout/AppHeader.vue
+++ b/components/layout/AppHeader.vue
@@ -33,7 +33,7 @@
     <!-- 사용자 정보 및 드롭다운 -->
     <div class="user-menu-wrapper">
       <div class="user-info" @click="toggleDropdown">
-        <span class="user-name">{{ userStore.user?.name }}</span>
+        <span class="user-name">{{ userStore.name }}</span>
         <div class="user-icon">
           <svg
             width="24"
@@ -105,9 +105,9 @@ function handleClickOutside(event) {
   }
 }
 
-function logout() {
-  userStore.logout();
+async function logout() {
   showDropdown.value = false;
+  await userStore.logout();
   router.push("/login");
 }
 
diff --git a/composables/useApi.ts b/composables/useApi.ts
index 582dad5..05d2b6a 100644
--- a/composables/useApi.ts
+++ b/composables/useApi.ts
@@ -1,5 +1,4 @@
 import { useRuntimeConfig } from "#imports";
-import { useUserStore } from "~/stores/user";
 
 export const useApi = async <T>(
   path: string,
@@ -8,11 +7,10 @@ export const useApi = async <T>(
     body?: any;
     query?: Record<string, any>;
     headers?: HeadersInit;
+    credentials?: RequestCredentials;
   } = {}
 ): Promise<T> => {
-  const userStore = useUserStore();
   const config = useRuntimeConfig();
-
   const method = options.method ? options.method.toUpperCase() : "GET";
 
   try {
@@ -22,18 +20,11 @@ export const useApi = async <T>(
         method: method as any,
         body: options.body,
         query: options.query,
+        credentials: options.credentials || "include", // 쿠키 자동 전송
         headers: {
-          Authorization: "Bearer " + userStore.token,
+          "Content-Type": "application/json",
           ...options.headers,
         },
-        onResponse({ response }) {
-          const authHeader = response.headers.get("Authorization");
-
-          if (authHeader && authHeader.startsWith("Bearer ")) {
-            const accessToken = authHeader.substring(7);
-            userStore.setToken(accessToken);
-          }
-        },
       }
     );
 
diff --git a/stores/user.ts b/stores/user.ts
index 9eb8484..5695f2c 100644
--- a/stores/user.ts
+++ b/stores/user.ts
@@ -24,7 +24,6 @@ export const useUserStore = defineStore("user", () => {
       });
 
       if (success) {
-        console.log(data);
         user.value = data;
         isLoggedIn.value = true;
       } else {
@@ -46,14 +45,18 @@ export const useUserStore = defineStore("user", () => {
     }
   };
 
-  const logout = () => {
-    user.value = null;
-    token.value = null;
-    isLoggedIn.value = false;
-
-    // 로컬 스토리지에서 제거
-    localStorage.removeItem("user");
-    localStorage.removeItem("token");
+  const logout = async () => {
+    try {
+      await useApi("/members/logout", {
+        method: "post",
+      });
+    } catch (error) {
+      console.error("로그아웃 요청 실패:", error);
+    } finally {
+      // 로컬 상태 정리
+      user.value = null;
+      isLoggedIn.value = false;
+    }
   };
 
   const checkAuth = () => {