[Next.js] BFF 패턴에서 쿠키로 저장된 토큰 지우기

[Next.js] BFF 패턴에서 토큰 처리하고 axios 요청보내기에서 쿠키로 저장했던 토큰을 로그아웃 시 지우는 로직을 구현하였습니다.

// pages/api/logout.js
export default function handler(req, res) {
  res.setHeader('Set-Cookie', 'token=; Path=/; Max-Age=0');
  res.status(200).json({ message: 'Successfully logged out' });
}

logout endpoint에 대한 요청을 처리하는 함수입니다.
Set-Cookie헤더를 설정하여 token이라는 이름의 쿠키를 빈 값으로 설정하고 Max-Age를 0으로 설정하여 쿠키를 즉시 만료시켜 제거합니다.

// 프론트엔드(클라이언트 측)
const clientHttp = createClientHttpInstance();

clientHttp
  .get('/logout')
  .then(response => {
    console.log(response.data.message);  // 'Successfully logged out'
  })
  .catch(error => {
    console.error(error);
  });