fix: 쿠키값 삭제는 loggedin, 없다면 /으로 라우팅

boostcampwm2023 · Dec 9, 2023 · e943355 · e943355
1 parent 720d84b
commit e943355
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/front/src/hooks/useLogout.tsx b/front/src/hooks/useLogout.tsx
@@ -2,8 +2,6 @@ import cookie from 'react-cookies';
 
 const useLogout = () => {
   window.open(`/api/auth/logout`, '_self');
-  cookie.remove('access_token');
-  cookie.remove('refresh_token');
   cookie.remove('loggedin');
   window.location.replace('/');
 };

diff --git a/front/src/pages/Intro/Intro.tsx b/front/src/pages/Intro/Intro.tsx
@@ -26,7 +26,7 @@ const Intro = () => {
 
   useEffect(() => {
     setMessageList(mockData.snowball_data.message_list as Array<Message>);
-    cookie.load('access_token') ? navigate('/main') : null;
+    cookie.load('loggedin') ? navigate('/main') : null;
   }, [setMessageList, navigate]);
 
   return (

diff --git a/front/src/pages/Main/Main.tsx b/front/src/pages/Main/Main.tsx
@@ -1,6 +1,7 @@
 import { useEffect, useRef, useContext, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import axios from 'axios';
+import cookie from 'react-cookies';
 import styled from 'styled-components';
 import { Loading } from '@utils';
 import { useLogout } from '@hooks';
@@ -104,6 +105,12 @@ const Main = () => {
 
   useEffect(() => {
     // saveCookie();
+
+    if (!cookie.load('loggedin')) {
+      navigate('/');
+      return;
+    }
+
     axios
       .get('/api/user', {
         withCredentials: true // axios 쿠키 값 전달