多个VueJS应用程序具有一个前置页面-无需重定向即可导航至每个应用程序

Question

我们正在基于不同的VueJS应用程序开发一个更大的项目。每个VueJS应用程序都有自己的路由器和存储。

访问应用程序e。一种。像这样：

https://baseurl.com/app1/#/ https://baseurl.com/app2/#/ https://baseurl.com/app3/#/

现在，我们想添加一个首页来导航到所有这些应用程序。前页将位于https://baseurl.com/

为了获得更好的用户体验，我们不想对每个应用程序使用简单的重定向。目的是使用户不会注意到，他正在导航到另一个vue应用程序。感觉像是一个以baseurl为入口点的大型应用程序。

在这种情况下是否有好的解决方案？

我们已经考虑过的事情：

1. 对于前一页，我们将使用VanillaJS / JQuery将每个应用程序动态加载到当前DOM中。问题：每个应用程序的路由器实例是否可用？
2. 对于前一页，我们将使用另一个VueJS应用并将路由器用于外部路由（此处将再次显示重定向）

对于一些建议如何使许多小型VueJS应用程序成为“大型”应用程序感到高兴。

将所有子应用程序开发到一个大的VueJS项目中不是一种选择，因为所有子应用程序都应该非常灵活，并且不能“干扰”其他应用程序。

非常感谢

Answer 1

最新答案，但只留在这里。 如果您想在不重新加载的情况下切换应用，可以尝试服务器端渲染吗？ Nuxt.js会派上用场，它将您的应用程序转换为静态HTML文件。