javascript - vue2.0 프로젝트는 webpack을 사용하여 패키징하고 온라인으로 전환합니다.

Question

vue 프로젝트를 개발할 때 webpack의 도메인 간 문제로 인해 문제를 해결하기 위해 루트 디렉터리에 있는 config 파일의 index.js 하위 파일에 있는 dev의 ProxyTable 구성을 수정했습니다. 패키지하고 온라인으로 이동하려면 다음 경로에 문제가 있습니다.
예:
1. index.js 파일에서 구성:

으아악

2. 가져오거나 게시해야 하는 Vue의 파일에 vue-resoure

를 사용하세요. 으아악

결과는 다음과 같습니다.
1. 개발 프로세스 중에 dev 명령을 사용하면 도메인 간 문제를 해결할 수 있지만 패키징 후에는 링크가 작동하지 않습니다.
질문:
this.$http.get의 URL을 매번 수동으로 확인할 필요가 없다면 해결할 수 있는 방법이 있나요?

Answer 1

모든 URL을 추출하여 별도의 파일(apis.js)에 넣은 다음 apis.js를 하나의 파일에서 제어합니다.

그런 다음 apis.js에서 process.env.NODE_ENV === 'production'를 사용하여 개발 환경과 프로덕션 환경을 구분합니다. 개발 버전과 프로덕션 버전의 URL을 각각 내보내면 됩니다.