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

자주 질문드리네요 ㅠ

middleware에서 login을 유무를 파악하고 로그인으로 리다이렉트하려고합니다

그 이후 로그인이 된다면, 원래 진입하려던 url을 쿼리스트링으로 전달하고 이를 받아 리 다이렉트하는게 목적인데요!

간헐적으로 미들웨어가 실행되지 않는것 같습니다..

새로고침을 해야지만 리다이렉트가 가능합니다.

클라이언트에서 세션감지하고 useEffect로 router.replace 해도 동일합니다.

제 생각으로는

미들웨어는 admin , contact진입시에는 무조건 실행한다고 알고있었는데 잘못된 거였나요 ㅠ

찾아보니 middleware not Working 이슈가 있는 것같긴한데 원인을 도통모르겠습니다

import { auth } from "@/auth";
import { NextRequest, NextResponse } from "next/server";

export const middleware = async (req: NextRequest) => {
  const session = await auth();

  if (!session) {
    //권한없으면 login 하라
    const url = new URL(`http:localhost:3000/auth/login?redirect=${req.url}`);
    return NextResponse.redirect(url);
  }

  //권한있으면 원래대로
  return NextResponse.next();
};

export const config = {
  matcher: ["/admin/:path*", "/contact/:path*"],
};

혹시! useRouter의 redirect는 client에서 이루어지기 때문에 서버 세션갱신이 되지않아서 상이해지는건가요?!

에서

router.replace(redirectPath);

로 변경

 window.location.href = redirectPath;