웹 팩 생산 환경 및 개발 환경 설정
vue 프로젝트 가 포장 프로젝트 를 개발 할 때 생산 환경 과 개발 환경 을 설정 하여 포장 할 때 수 동 으로 변경 하 는 번 거 로 움 을 피해 야 합 니 다. 그래서 저 는 자 료 를 뒤 져 서 다른 사람의 설정 을 보고 다음 과 같이 구체 적 으로 설정 해 보 았 습 니 다.
디 렉 터 리 설정
우선 config 의 dev. env. js 에서
그리고 prod. env. js 를 변경 합 니 다.
build 파일 에서 웹 pack. prod. conf. js 변경 사항 을 찾 았 습 니 다.
build 파일 에서 build. js 변경 사항 찾기
마지막 으로 package. json 파일 을 찾 았 습 니 다.
api 의 index. js 에 기본 경 로 를 설정 합 니 다.
axios.defaults.baseURL = process.env.API_ROOT // process.env.API_ROOT process.env.API_ROOT API
코드 npm run dev 를 저장 하고 해당 하 는 환경 을 포장 합 니 다. 예 를 들 어 npm run build: prod / npm run build: dev
패키지 가 끝나 면 페이지 경 로 를 잘못 보고 할 때 해결 방안 은 config 의 index. js 파일 수정 을 찾 습 니 다.
만약 에 다른 오류 가 있 으 면 문제 history 모드 에서 배경 설정 이 필요 하거나 인 터 페 이 스 를 요청 할 때 데 이 터 를 받 지 못 해서 페이지 의 공백 을 초래 할 수 있 습 니 다. 이런 문제 들 이 있 으 면 같이 교류 할 수 있 습 니 다. 저도 구 덩이 를 파 서 구 덩이 를 메 우 고 걸 어 왔 습 니 다. 많은 튜 토리 얼 을 보고 맛 보고 정리 한 희망 은 여러분 과 함께 공부 할 수 있 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Qiita API v2를 Ajax에서 사용하기위한 webpack 설정 (로컬 개발 환경 전용)에서는 Qiita의 기사 목록, 사용자 세부 정보, 기사를 '좋아요'한 사람 목록 및 재고가 있는 사람 목록을 검색할 수 있습니다. Qiita 화면에서 기사를 재고한 사람을 볼 수 없기 때문에 API를 통해 기사를 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
