인프런 커뮤니티 질문&답변

import { Body, Controller, Post, Res } from '@nestjs/common';
import { AuthService } from './auth.service';
import { LoginUserValue } from './dto/cats.request.dto';
import { Response } from 'express';

@Controller('auth')
export class AuthController {
  constructor(private readonly authService: AuthService) {}

  @Post()
  async login(@Body() val: LoginUserValue, @Res() res: Response) {
    const result = await this.authService.login(val);
    //cookie에 토큰을 담아서 보내줌 다음과 같이
    console.log(result.refreshToken);
    console.log('여기서 못나가네');
    res.setHeader(
      'Set-Cookie',
      `refreshToken=${result.refreshToken}; path=/; `,
    );

    console.log('뭐야 여기오네?');
    // res.setHeader(
    //   'Set-Cookie',
    //   `refreshToken=${result.refreshToken}; path=/; domain=localhost; SameSite=None; Secure; HttpOnly`,
    // );

    // res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3000');

    res.json({ accesstoken: result.accessToken });
  }
}

먼저, 저는 지금 그래프큐엘을 사용하지않고

restAPI를 사용하며 진도를 따라가고 있습니다.

질문드릴 코드는 위와같이 되어있습니다.

원래는 return을 해주고있었는데

res설정하고 쿠키세팅하고나니까

return이 안먹고 클라이언트에서는 무한대기에 빠집니다.

그래서 혹시나해서 res.json으로 하니까

응답이 또 정상적으로 가더라구요..

그래서 일단 다음과 같이 코드를 수정해두고 원래대로

return을 사용하고있는데

혹시 정석은 어떻게 해야하는지 알려주시면 감사하겠습니다.


임시 수정 코드

import { Body, Controller, Post, Req, Res } from '@nestjs/common';
import { AuthService } from './auth.service';
import { LoginUserValue } from './dto/cats.request.dto';
import { Response } from 'express';

@Controller('auth')
export class AuthController {
  constructor(private readonly authService: AuthService) {}

  @Post()
  async login(
    @Body() val: LoginUserValue,
    @Res({ passthrough: true }) res: Response,
  ): Promise<any> {
    const result = await this.authService.login(val);
    //cookie에 토큰을 담아서 보내줌 다음과 같이
    res.setHeader(
      'Set-Cookie',
      `refreshToken=${result.refreshToken}; path=/; `,
    );

    // res.setHeader(
    //   'Set-Cookie',
    //   `refreshToken=${result.refreshToken}; path=/; domain=localhost; SameSite=None; Secure; HttpOnly`,
    // );

    // res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3000');

    return { accesstoken: result.accessToken };
  }
}