diff --git a/frontend/src/components/pages/login/KakaoCallbackPage.tsx b/frontend/src/components/pages/login/KakaoCallbackPage.tsx index 7636b7d0..31f40c80 100644 --- a/frontend/src/components/pages/login/KakaoCallbackPage.tsx +++ b/frontend/src/components/pages/login/KakaoCallbackPage.tsx @@ -16,10 +16,12 @@ const KakaoCallbackPage = () => { useEffect(() => { const searchParams = new URLSearchParams(window.location.search); const code = searchParams.get("code"); + const redirectUri = `${window.location.origin}/oauth`; + const encodedRedirectUri = encodeURIComponent(redirectUri); if (code) { client - .get(API_ENDPOINT_MAP.loginOauth(code)) + .post(API_ENDPOINT_MAP.loginOauth(code, encodedRedirectUri)) .then((res) => { saveUser(res.data); navigate(ROUTE_PATHS_MAP.root); diff --git a/frontend/src/constants/endpoint.ts b/frontend/src/constants/endpoint.ts index 4cf1433a..8f03dece 100644 --- a/frontend/src/constants/endpoint.ts +++ b/frontend/src/constants/endpoint.ts @@ -1,5 +1,6 @@ export const API_ENDPOINT_MAP = { - loginOauth: (code: string) => `/login/oauth/kakao?code=${code}`, + loginOauth: (code: string, redirectUri: string) => + `/login/oauth/kakao?code=${code}&redirectUri=${redirectUri}`, travelogueDetail: (id: number) => `/travelogues/${id}`, travelPlanDetail: (id: number) => `travel-plans/${id}`, travelogues: "/travelogues",