[Vue]Navigation Guards를 활용한 middleware 구현
·
vue.js
📌 Nuxt에는 공식적인 middleware 개념이 있지만, Vue에서는 네비게이션 가드를 활용하여 비슷한 기능을 구현가능.📌 로그 기록, 인증(로그인 체크) 같은 공통 로직을 미들웨어로 만들어 관리하면 코드가 깔끔해지고 유지보수가 쉬워진다.1. Vue에서 미들웨어처럼 동작하는 라우트 가드Vue에서는 라우터 가드(Navigation Guards) 를 활용하면 Nuxt의 middleware처럼 동작하도록 만들 수 있다.적용 방식 설명사용 예시전역 미들웨어 (beforeEach)모든 페이지 전환 전에 실행로그인 체크, 로그 기록전역 완료 후 미들웨어 (afterEach)페이지 이동 후 실행페이지 타이틀 변경, 분석 툴 연동개별 라우트 미들웨어 (beforeEnter)특정 페이지에서만 실행관리자 페이지 접..