next.js 로그아웃 기능 (서버/클라이언트 공통 코드 작성 방법)

안녕하세요. 현재 로그아웃 기능을 구현하고 있습니다. 로그아웃 진행 시 다른 서브 도메인을 갖고 있는 사이트로 redirect 시킨 후 다시 돌아와야 합니다. 예) a.example.com에서 로그아웃 시 -> b.example.com?redirect=a.example.com 사이트로 리다이렉트 후 다시 a.example.com 사이트로 이동 해당 로직을 구현 함에 있어 클라이언트에서는 문제가 없습니다. 하지만, 서버 미들웨어에서 정상 동작은 하나 첨부 이미지와 같은 CORS 에러가 발생됩니다. 서버/클라이언트에서 동시에 사용할 수 있는 코드로 로그아웃 버튼을 클릭 하여 로그아웃 처리되는 로직을 만들고 싶은데요. 방법이 있을까요? (서버에서 로그아웃 처리가 필요한 이유는 토큰 만료 시 서버 단에서 로그아웃 시키기 위하여..) 단, b.example.com 사이트에서는 어떠한 설정도 불가능

1// client에서는 문제 없음
2const logout = useCallback(() => {
3    window.location.replace(
4      `https://b.example.com?redirect=${window.location.href}`,
5    );
6}, []);
7
8// server middleware에서 CORS 문제
9export async function middleware(req: NextRequest) {
10  const { nextUrl } = req;
11  const requestHeaders = new Headers(req.headers);
12
13  if (nextUrl.pathname === '/logout') { // 임의의 주소 /logout 경로 접근 시
14    return NextResponse.redirect(
15      `https://b.example.com?redirect=${requestHeaders.get('referer')}`,
16    );
17  }
18
19  return NextResponse.next();
20}
21
22export const config = {
23  matcher: ['/((?!api|_next/static|_next/image|favicon.ico).*)'],
24};

이 질문이 도움이 되었나요?

'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

추천해요 0

보충이 필요해요 1

익명님의 질문