Frontend2024년 7월 14일1분 읽기

Next.js 미들웨어로 인증, 리다이렉트, A/B 테스트 구현

YS
YoungSam
조회 1211

미들웨어란

요청이 페이지에 도달하기 전에 실행되는 Edge 함수입니다. middleware.ts 파일에 작성합니다.

인증 체크

import { NextResponse } from "next/server";

export function middleware(request) {
  const token = request.cookies.get("token");
  if (!token && request.nextUrl.pathname.startsWith("/admin")) {
    return NextResponse.redirect(new URL("/login", request.url));
  }
  return NextResponse.next();
}

export const config = { matcher: ["/admin/:path*"] };
Next.jsMiddlewareAuth

댓글 0

아직 댓글이 없습니다.