2017-10-17 4 views
0

빌드 할 때 사용되는 /config 디렉토리의 다양한 설정을 가진 vueJS 상용구를 사용하고 있습니다.(빌드 시간) 구성 변수 클라이언트 측에 액세스하는 방법은 무엇입니까?

클라이언트 측에서 사용할 수있는 방법에 대한 규칙이 있는지 궁금합니다. 물론 이것은 상용구에 달려 있습니다. 이 설정을 아무것도 볼 수 없어, 그래서 클라이언트에서 서버로 전달할 내 자신의 API를 만들어야 할 것 같아요.

또는 현재 구성 설정을 클라이언트 측 파일에 포함시키는 규칙이 있습니까? 난 정말 NODE_ENV 및 기타 빌드 시간 설정 같은 것들을 표시하고 싶습니다.

감사합니다.

답변

-1

당신은 다음 data 그 값을 할당

<div>{{ NODE_ENV }}</div> 


data() { 
    return { 
    NODE_ENV: process.env.NODE_ENV 
    } 
} 
+0

에서

https://github.com/airyland/vue-config

는'process' 가능한 클라이언트 쪽입니까? 서버 사이드 코드처럼 보입니다. – dcsan

+0

아니요,'process'는 노드 env에서만 사용 가능합니다. 그러나이 코드에서 Webpack은'process.env.NODE_ENV'를 현재의'NODE_ENV' 값으로 대체 할 것이고 클라이언트 측에서도 작동 할 것입니다 – imcvampire

+0

webpack은 클라이언트 파일에서 이것을 대체 할 방법을 알고 있습니까? 빌드 할 때 특정 문자열의 인스턴스를 바꿔야하는 webpack 사양이 있습니까? 나에게 이상한 마술처럼 보인다. – dcsan

0

VUE-설정은 클라이언트 측 CONFIGS을 처리 할 수있는 좋은 방법이 될 것으로 보인다 및 엔드 포인트에서 설정을 읽을 수있는 클라이언트 측에서 렌더링 할 수 있습니다. 이 질문에 https://stackoverflow.com/a/42549522/1146785