다른 기본 URL을 사용하는 방법

Question

개발 중에는 http://localhost:5173/ HMR용 React 클라이언트에 Vite를 사용했고, API 호출 및 리소스를 처리하기 위해 Node 백엔드를 사용했습니다.

프로덕션 빌드의 경우 Node에서 프론트엔드 서비스를 제공하므로 사용하고 싶습니다 /whatever/endpoint。因此，当由Vite提供服务时，我需要一种重写的方式，将/映射到http://my.api.host:3000/.

일반적인 작업임에는 틀림없지만 어떻게 해야 할지 모르겠습니다. 문서에 따르면 다음과 같이 해야 한다고 생각합니다.

vite.config.js

으아아아

하지만 이건:

으아아아

아직도 http://localhost:5173에서 서비스를 제공하려고 노력하고 있습니다.

Answer 1

프로덕션에 Vite를 사용할 때 API 엔드포인트를 다시 작성하고 올바른 위치에서 리소스를 제공하려면 Vite 구성에서 프록시 옵션을 사용할 수 있습니다. 구성 방법의 예는 다음과 같습니다.

으아아아

'다시 쓰기' 기능은 요청 경로를 대상으로 전달하기 전에 요청 경로에서 /whatever/endpoint 접두사를 제거하는 데 사용됩니다.