Блог

У меня следующая настройка:

У меня есть два готовых приложения VueJS под этими URL-адресами (dev prod), которые обслуживаются через Apache :

 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, распространяемый Vue.js Приложения, часть 1: Загрузка компонентов через HTTP, как реализовать динамические компоненты в Vuejs и другие опции, но я не уверен, возможно ли иметь динамические URL-адреса. Также я не знаю, как лучше всего подойти к этой проблеме.

Как это можно реализовать самым простым способом?