如何在不事先知道URL的情况下通过http加载预构建的可重用Vuejs组件？

问题描述

我有以下设置：

我在通过Apache提供的这些URL（dev + prod）下有两个预构建的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

每次，根据当前日期，不同的游戏都处于活动状态-因此我不知道要预先获取的游戏资产的实际网址。我将要求我的后端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: Loading Components via HTTP，How to Implement Dynamic Components on Vuejs和其他选项，但是不确定是否可以使用动态URL。另外，我也不知道解决这个问题的最佳方法是什么。

如何以最简单的方式实现？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）