Vue.js 2에서 라우터 인스턴스를 내보내는 방법

Vue.js 2에서 라우터 인스턴스를 내보내는 방법

앱에 라우팅 시스템을 구현하기 위해 라우터 인스턴스를 만들고 있습니다.그래서 이렇게 하고 있습니다.

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
  ]
})

하지만, 저는 또한.beforeEach()라우터의 인스턴스에 접속합니다.어떻게 하면 좋을까요?

방법은 다음과 같습니다.

router.beforeEach((to, from, next) => {
    // ...
});

근데 제 경우에는 안 맞나 봐요?어떻게 하면 좋을까요?

해결:

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

const router = new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
  ]
})

실장.beforeEach()에 접속하다router인스턴스:

router.beforeEach((to, from, next) => {
  if(to.meta.requiresAuth) { 
    if(store.state.session.authenticated) { 
        next();
    }
    else {
        next('/admin/login');
    }
  }
  else {
    next();
  }
});

인스턴스 내보내기:

export default router;

언급URL : https://stackoverflow.com/questions/48760261/how-to-export-router-instance-in-vue-js-2