[Vue.js][Router] 7. Navigation Guard

▶Navigation Guard

Vue router를 통해 특정 URL에 접근할 때 다른 URL로 redirect를 하거나  취소하여 내비게이션을 보호함 => 라우트 전환 전/후 자동으로 실행되는 Hook * 참고  https://router.vuejs.org/guide/advanced/navigation-guards.html

 

▶Navigation Guard 종류

1. Globally (전역 가드)	2. Per-route (라우터 가드)	3. In-component (컴포넌트 가드)
어플 전역에서 모든 라우트 전환에 적용되는 가드	특정 라우트에만 적용되는 가드	컴포넌트 내에서만 적용되는 가드
어플 전역에서 동작 작성위치 : index.js	특정 route에서만 동작 작성위치 : index.js 의 각 routes	특정 컴포넌트 내에서만 동작 작성위치 : 각 컴포넌트의 script