Merge pull request #243 from boostcampwm2023/hotfix/cors-error

[Hotfix] CORS 에러 수정
boostcampwm2023 · Dec 7, 2023 · f251bb2 · f251bb2
2 parents 2e3be3f + a445f95
commit f251bb2
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 6 deletions.
diff --git a/BE/src/auth/auth.controller.ts b/BE/src/auth/auth.controller.ts
@@ -4,6 +4,7 @@ import {
   Get,
   HttpCode,
   Post,
+  Redirect,
   Req,
   UseGuards,
 } from "@nestjs/common";
@@ -26,22 +27,30 @@ export class AuthController {
 
   @Get("/kakao/callback")
   @UseGuards(AuthGuard("kakao"))
-  @HttpCode(201)
+  @Redirect(process.env.FRONTEND_URL, 302)
   async kakaoSignIn(
     @GetUser() user: User,
     @Req() request: Request,
-  ): Promise<LoginResponseDto> {
-    return await this.authService.kakaoSignIn(user, request);
+  ): Promise<object> {
+    const loginResponseDto: LoginResponseDto =
+      await this.authService.kakaoSignIn(user, request);
+    return {
+      url: `${process.env.FRONTEND_URL}?access-token=${loginResponseDto.accessToken}&nickname=${loginResponseDto.nickname}&premium=${loginResponseDto.premium}`,
+    };
   }
 
   @Get("/naver/callback")
   @UseGuards(AuthGuard("naver"))
-  @HttpCode(201)
+  @Redirect(process.env.FRONTEND_URL, 302)
   async naverSignIn(
     @GetUser() user: User,
     @Req() request: Request,
-  ): Promise<LoginResponseDto> {
-    return await this.authService.naverSignIn(user, request);
+  ): Promise<object> {
+    const loginResponseDto: LoginResponseDto =
+      await this.authService.naverSignIn(user, request);
+    return {
+      url: `${process.env.FRONTEND_URL}?access-token=${loginResponseDto.accessToken}&nickname=${loginResponseDto.nickname}&premium=${loginResponseDto.premium}`,
+    };
   }
 
   @Post("/signup")

diff --git a/FE/src/App.js b/FE/src/App.js
@@ -55,6 +55,20 @@ function App() {
   }, []);
 
   useEffect(() => {
+    if (window.location.search) {
+      const params = new URLSearchParams(window.location.search);
+
+      const accessToken = params.get("access-token");
+      const nickname = params.get("nickname");
+
+      if (accessToken && nickname) {
+        setUserState({ ...userState, isLogin: true, accessToken, nickname });
+        sessionStorage.setItem("accessToken", accessToken);
+        sessionStorage.setItem("nickname", nickname);
+        window.history.replaceState({}, "", "/");
+      }
+    }
+
     window.onpopstate = (event) => {
       if (event.state) {
         setDiaryState(event.state);