vue-cli 패키지 기반 프로젝트 관련 프로필 추출 상세 설명

선언:vue-cli 를 사용 하여 개발 할 때 인터페이스 요청 주소(axios.defaults.baseURL)와 같은 동적 설정 이 필요 합 니 다.이 설정 들 은 프로젝트 를 컴 파일 한 후에 설정 해 야 할 수도 있 습 니 다.따라서 vue-cli 에서 이 설정 파일 들 을 삭제 하고 웹 팩 이 설정 파일 도 컴 파일 하지 않도록 해 야 합 니 다.
우선,설정 파일 로 js 파일 을/static 아래 에 새로 만들어 야 합 니 다.

안의 내용 은 다음 과 같다.

window.g={
 AXIOS_TIMEOUT:10000,
 SERVICE_CONTEXT_PATH:`http://10.200.199.84:9090/`//       
}
모든 설정 을 window 대상 의 속성 에 주입 합 니 다.이 속성 을 사용자 정의 할 수 있 습 니 다.
그리고 index.html 에 이 js 를 도입 합 니 다.

<script src="/static/js/config.js"></script>
프로젝트 에서 사용 할 때,이 프로필 의 내용 을 윈도 우즈.g 로 직접 호출 합 니 다.
이렇게 설정 한 후 포장 할 때 이러한 효과 가 발생 합 니 다.

이 설정 파일 은 원래 출력 이 포장 되 지 않 는 것 을 볼 수 있 습 니 다.그러면 우리 가 컴 파일 된 전단 공 사 를 배치 자 에 게 맡 길 때 사전에 물음표 배경 주 소 를 묻 지 않 아 도 됩 니 다.배치 자 는 설정 안의 내용 을 수정 하여 서비스 기의 주 소 를 결정 할 수 있 습 니 다.
그래서 이런 식 으로 프로젝트 관련 프로필 을 빼 낼 수 있 습 니 다.
위 와 같은 vue-cli 를 기반 으로 포장 할 때 프로젝트 관련 프로필 을 추출 하 는 상세 한 설명 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 이 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기