3

我有以下设置:

我在通过 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分布式 Vue.js 应用程序第 1 部分:通过 HTTP 加载组件如何在 Vuejs 上实现动态组件 和其他选项,但我不确定是否可以使用动态 URL。我也不知道解决这个问题的最佳方法是什么。

如何以最简单的方式实现这一点?

4

0 回答 0