vuejs2에서 컨트롤러를 사용하는 방법

vuejs2에서 컨트롤러를 사용하는 방법

안녕하세요. vuejs2의 라라벨 백엔드에 기반한 프로젝트에서 vuejs2를 사용하기 시작했습니다.이 코드는 파일에서 실행했습니다.routes.js

export default new VueRouter({
  routes: [{
      path: '/test',
      component: Test
    },
    {
      path: '/settings',
      component: Settings
    },
    // users
    {
      path: '/users/create',
      component: Create
    },
    // end users
  ],
});

이제 줄서서{ path: '/users/create', component: Create}먼저 컨트롤러에 접속하면 컨트롤러가 먼저 라우터에 기입한 것처럼 컴포넌트로 리다이렉트 할 수 있는지 궁금합니다.php 및 컨트롤러의 함수를 호출하면 컴포넌트로 이동하는 경로에서 발견한 내용이 보기 흉하게 표시됩니다만, 컴포넌트로 리다이렉트 하기 전에 해야 할 일이 있습니다.감사합니다.

VueRouter에서 체크를 실행할 수 있는 가드가 있습니다.이것은 BeforeEach()라고 불립니다.이를 통해 파이프라인에서 다음 요청을 해결하기 전에 조건이 충족되는지 확인합니다.

const router = new VueRouter({ ... })

router.beforeEach((to, from, next) => {
  if(some_condition){
      next();
  } else if(some_error){
       next('/'); //rerouting
  }
})

다음의 메뉴얼을 확인해 주세요.https://router.vuejs.org/guide/advanced/navigation-guards.html#global-before-guards

여기서 next()를 사용하여 파이프라인에 포함할 경로를 푸시하고 상황에 따라 변경할 수 있습니다.

언급URL : https://stackoverflow.com/questions/60353628/how-to-use-controller-in-vuejs2