laravel - vue-router가 경로를 비동기적으로 로드하는 방법

Question

현재 프로젝트 사용자 권한 종속성:

• 기본 사용자 권한

• 부서의 권한

• 직위 권한

• 특수 사용자 권한

권한이 복잡하기 때문에 경로가 프런트 엔드에 하드 코딩되어 있으면 일반 직원은 로그인 후 수백, 심지어 수천 개의 경로와 해당 구성 요소를 로드해야 합니다.

1. 성능 문제

2. 프론트엔드와 백엔드 모두 권한 확인이 필요하다고 생각하니 머리가 아프네요

이 두 가지 고려 사항을 바탕으로 우리는 데이터베이스에 경로를 작성하기로 결정했습니다. 그러면 백엔드는 로그인한 사용자의 권한에 따라 로딩을 위해 프런트엔드에 경로를 동적으로 할당합니다.

하지만 Ajax를 사용하여 프런트 엔드에서 요청하면 vue 초기화가 완료된 후(즉, 경로가 로드된 후) 항상 백그라운드에서 라우팅 데이터가 요청되는 것을 발견했습니다

요청된 코드는 main.js와 vue 라이프사이클 생성 이전에 동일하게 배치됩니다

으아악

프런트엔드 마스터에게 답변을 물어보세요!

Answer 1

vue-router@2.2.0 시작, router.addRoute(routes)동적으로 경로 추가

Answer 2

axios를 사용하여 먼저 ajax를 통해 라우팅 구성을 요청한 다음 vue 엔터티를 초기화하세요