사전에 URL을 모르는 상태에서 http를 통해 사전 구축한 재사용 가능한 Vuejs 컴포넌트를 로드하려면 어떻게 해야 합니까?

사전에 URL을 모르는 상태에서 http를 통해 사전 구축한 재사용 가능한 Vuejs 컴포넌트를 로드하려면 어떻게 해야 합니까?

다음과 같은 설정이 있습니다.

Apache를 통해 제공되는 URL(dev + prod) 아래에 2개의 VueJs 앱이 있습니다.

https://dev-domain.com/web
https://prod-domain.com/kiosk

VueJs에 구현된 것과 동일한 게임을 포함하고 내장해야 하는 일반적인 VueJs 앱입니다.

다음과 같은 단일 파일 vuejs 게임을 제공하는 백엔드 구현이 있습니다.

yarn vue-cli-service build --target wc --name game ./src/components/Game.vue

다음과 같이 제공됩니다.

https://dev-domain.com/assets/games/{id}/game.js 
https://prod-domain.com/assets/games/{id}/game.js 

각 게임에서 플레이어의 진행 상황을 저장하는 엔드포인트가 있습니다. 예:

https://dev-domain.com/api/v1/games/{id}/save
https://prod-domain.com/api/v1/games/{id}/save

그때마다 현재 날짜에 따라 다른 게임들이 활성화 되어 있기 때문에 실제로 가져올 게임 자산의 URL을 미리 알 수 없습니다.백엔드 api에 다음과 같이 액티브한 것을 확인합니다.

https://dev-domain.com/api/v1/games/active
https://prod-domain.com/api/v1/games/active

http-vue-loader, Distributed Vue.js Applications Part 1: HTTP를 통한 컴포넌트 로드, Vuejs에서의 동적 컴포넌트 구현 방법 및 기타 옵션에 대해 알아보고 있는데 동적 URL을 사용할 수 있는지 모르겠습니다.또한 이 문제에 접근하는 가장 좋은 방법이 무엇인지 모르겠습니다.

어떻게 하면 가장 간단한 방법으로 구현할 수 있을까요?

언급URL : https://stackoverflow.com/questions/64005442/how-to-load-prebuilt-reusable-vuejs-components-through-http-without-knowing-its