반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 자바스크립트
- jsx
- nodejs
- JavaScript
- Wecode
- TypeScript
- 쉬운설명
- MySQL
- mapGetters
- 댓글달기
- storybook
- react
- vuex
- CSS
- Vue
- 자료구조
- State
- ES6
- sass
- event
- App.vue
- Vue transition
- input
- 리액트
- scss
- webpack
- v-html
- express
- Vue.js
- HOC
Archives
- Today
- Total
목록navigaton guard (1)
익명의 개발노트
[vue.js] Navigation Guard
1. 네비게이션 가드 정의 : 뷰 라우터로 특정 URL에 접근할 때 해당 URL의 접근을 막는 방법을 말한다. 어디다 사용? 고객 인증정보 없으면, 페이지 접근 못하게 하는 식으로 사용 2. 종류 1) 전역가드 : beforeEach() 전역가드는 라우터의 인스턴스를 참조하는 객체로 설정할 수 있으며, 모든 네이게이션의 생성된 순서에 따라 호출한다. const router = new VueRouter({ }) router.beforeEach((to, from, next) => { }) router.beforeEach를 호출하면 모든 라우팅이 대기상태가 된다. 해당 url 로 라우팅하기 위해서는 next()를 호출해줘야한다. next 호출전까지는 대기 상태에서 머물기 때문에 화면전환이 이루어지지 않음. 참..
코딩일기/TIL
2019. 11. 17. 14:13