웹 팩 생산 환경 및 개발 환경 설정

머리말
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 모드 에서 배경 설정 이 필요 하거나 인 터 페 이 스 를 요청 할 때 데 이 터 를 받 지 못 해서 페이지 의 공백 을 초래 할 수 있 습 니 다. 이런 문제 들 이 있 으 면 같이 교류 할 수 있 습 니 다. 저도 구 덩이 를 파 서 구 덩이 를 메 우 고 걸 어 왔 습 니 다. 많은 튜 토리 얼 을 보고 맛 보고 정리 한 희망 은 여러분 과 함께 공부 할 수 있 습 니 다.