눕라이크 눕라이크

router query

• Protected Routes & useRouter exception

  Front-end/Nextjs (12버전) 2022. 11. 27. 17:21

  1. Protected Routes 설정 보통 토큰값을 쿠키에 저장할텐데 해당 쿠키값이 없을 경우 다른 페이지로 이동하게 하고싶으면 어떻게 할까요? 단순한 방법으론 페이지의 useEffect안에 쿠키값이 있는지 확인하고 redirect하면 될 것 같습니다. 정말 간단하지만 해당 방법으론 매 페이지마다 해당 로직을 적어야 하며 소스가 더러워 질 것입니다. Nextjs에선 middleware를 통해 이를 해결할 수 있습니다. 깃헙 링크 공유드립니다: https://github.com/biglol10/tistory_source/tree/main/route-example 우선 프로젝트 루트 폴더에 middleware.js를 생성해줍니다. middleware.js 파일 소스 import { NextResponse..

  Read More