간편로그인

pages/auth/popupClose.vue

@@ -6,6 +6,7 @@
     const accessToken = q.get("accessToken");
     const refreshToken = q.get("refreshToken");
     const user = q.get("user") ? JSON.parse(decodeURIComponent(q.get("user"))) : null;
+
     if (accessToken && window.opener) {
       window.opener.postMessage(
         {
@@ -13,7 +14,7 @@
           refreshToken,
           user,
         },
-        "https://shopdeli.mycafe24.com"
+        "http://0.0.0.0:3000"
       );
 
       window.close();

pages/index.vue

@@ -285,6 +285,7 @@
       .post("/roulette/login", _req)
       .then((res) => {
         if (res.data) {
+          // console.log(res.data);
           useAuthStore().setAuth(res.data);
           useAuthStore().setAccessToken(res.data.accessToken);
           useAuthStore().setRefreshToken(res.data.refreshToken);
@@ -319,22 +320,31 @@
 
   // onMounted
   onMounted(() => {
-    const handler = (event) => {
-      if (event.origin !== "https://shopdeli.mycafe24.com") return;
-      if (event.data?.accessToken) {
-        useAuthStore().setAuth(event.data);
-        useAuthStore().setAccessToken(event.data.accessToken);
-        useAuthStore().setRefreshToken(event.data.refreshToken);
-        localStorage.setItem("tempAccess", event.data.user?.ID);
+    function handleMessage(event) {
+      // 개발환경이면 아래처럼 확인
+      if (
+        event.origin === "http://0.0.0.0:3000" ||
+        event.origin === "http://localhost:3000"
+      ) {
+        const { accessToken, refreshToken, user } = event.data;
+        // 토큰 저장 등 필요한 처리 로직
+        console.log(accessToken);
+        console.log(refreshToken);
+        console.log(user);
+
+        //useAuthStore().setAuth(res.data);
+        useAuthStore().setAccessToken(accessToken);
+        useAuthStore().setRefreshToken(refreshToken);
+        //localStorage.setItem("tempAccess", __ID);
         useUtil.setPageMove("/view/event/evtList");
         useStore.menuInfo.menuIndex = "0";
         useStore.menuInfo.menuId = "menu02";
         useStore.menuInfo.pageRtName = "이벤트 관리";
         useStore.menuInfo.pageStatus = null;
       }
-    };
-    window.addEventListener("message", handler);
-    onBeforeUnmount(() => window.removeEventListener("message", handler));
+    }
+    window.addEventListener("message", handleMessage);
+    onBeforeUnmount(() => window.removeEventListener("message", handleMessage));
   });
 
   watchEffect(() => {