Laravel/Vue.js 프로젝트에서 정적/구성 데이터를 공유하는 가장 좋은 방법은 무엇입니까

Question

현재 Laravel/Vue.js 프로젝트에서 동일한 데이터 (예 : 운영 체제의 정적 목록) 둘 다 백엔드와 프론트 엔드에 있습니다. 지금까지 생각한 다른 옵션은 다음과 같습니다.

• 내 Laravel 및 vue.js 프로젝트에 중복 데이터가 있습니다.
• 은 API
• 공유를 통해 프론트 엔드로 데이터를로드하는 일반적인 정적 구성 파일을 통해 그리고 아마도 세 번째 옵션은 보이지

처리 시간 (현재 사용 웹팩)에서 뷰에 데이터를 프리로드 데이터 데이터의 중복 및 불필요한 요청을 할 필요가 없으며 기존 도구로 수행 할 수 있는지 궁금해 할 때 가장 좋습니다.

Answer 1

가장 좋은 방법은 앱의 특성에 달려 있습니다.

나는 일반적으로 "Laravel way"이므로 # 3을 선호합니다. .env 파일에 접두사가 붙은 변수 MIX_을 사용하고 에 설명 된대로 process.env.MIX_VARIABLE_NAME을 사용하여 프론트 엔드에서 액세스하십시오. 배열이 지원되지 않습니다 있지만이 envhelper

, 당신은 항상 백엔드에서 그들을 만들 수 있습니다 사용하여 백엔드에서 그들을 액세스와 프론트 엔드과 같이 :

$config = [  
    env('KEY1') => [ 
     env('KEY_ONE') => env('VALUE_ONE'),  
     env('KEY_TWO') => env('VALUE_TWO') 
    ], 
    ... 
};