javascript - vue-cli 로컬 인터페이스 전달

Question

vue-cli를 사용하여 프로젝트를 빌드하면 인터페이스는 다음과 같이 전달됩니다

으아악

개발 환경에서 이를 구성하면 개발 환경에서 도메인 간 요청을 해결할 수 있습니다. 그러면 프로덕션 환경에서는 npm run build를 통해 패키징한 후 vue-cli가 이 문제를 자체적으로 처리합니까? 프로덕션 환경에서 또 어떤 점에 주의해야 합니까? 하나님께 답을 구하세요

으아악

위 API를 요청하고(프로덕션 환경은 크로스 도메인이 없음) 로컬 구성 인터페이스 전달 후 데이터를 요청할 수 있다고 가정할 때, 프로덕션 환경에서는 어떤 모습이어야 할까요? 직접 패키징한 후 리소스를 서버에 배치하나요?

Answer 1

vue-cli에서는 이를 처리하지 않습니다. .
개발 환경은 로컬 에이전트의 인터페이스를 사용하고, 프로덕션 환경은 공식 인터페이스를 사용합니다. 자신의 코드에 로직을 작성하고 환경에 따라 다른 인터페이스 주소를 호출하면 됩니다.

Answer 2

이것은 vue-cli对反向代理的一个实现，方便开发环境使用。
生产环境中反向代理的方式也有很多：nginx、Apache之类的，如果没有跨域，不需要反向代理的话，就把前端代码直接丢在接口服务器中就行了(tomcat、jboss之类)，但不推荐，静态资源就应该走静态服务器。
我们的生产环境是nginx, 구성은 아마도 다음과 같습니다:

으아아아