메로그

redirected when going from to via a navigation guard 뷰 라우터 이동시 다음과 같은 오류가 발생하는 경우가 있을 것이다. 이는 페이지 이동시 중간에 라우터 가드를 만났고 거기서 조건을 충족하지 못해 다른 페이지로 이동시에 발생하는 에러 문구라고 보시면 된다. 실제로 해당 오류가 발생해도 라우터 이동에는 큰 문제가 없다. 이처럼 발생하는 이유는 router.push 가 Promise 객체를 리턴하는데, 거기서 reject 발생시 catch 하지 못해 발생하는 문구로 보인다. 이의 경우 아래와 같이 설정하면 해결할 수 있다. this.$router.push('/home').catch(() => {})

Vue Router vue 에서 페이지 간 이동시 url 이 변경되면 컴포넌트를 갱신하는 라이브러리 입니다. 설치 npm install vue-router --save[참고: Vue2의 경우, router@3, Vue3의 경우, router@4 버전을 설치해주어야 합니다.] 구성 src 밑에 router 폴더를 생성하고 index.js 를 하나 만들어줍니다. import Vue from 'vue'; import VueRouter from 'vue-router'; import NewsView from '@/views/NewsView.vue'; Vue.use(VueRouter); export const router = new VueRouter({ // 해쉬 값 제거..