需要帮助来组织我的Vuejs项目架构

Question

这不是一个技术问题，它更多的是我面临的架构/结构问题，在我找到我的问题的最佳解决方案之前，听到更多的意见将是很好的。

目前，我的项目有：

• 是一个大型Vuejs项目，它用单独的vuejs实例封装了许多微前端应用程序。
• 是一个单独的Nuxt应用程序；
• 是一个Java后端/API项目，带有嵌入nuxt应用程序和微前端应用程序的一些视图。这个应用程序有一个带有菜单的标题，可以在不同的页面中移动，这些页面在.

中加载微前端。

正如你可以想象的，这是一个非常古老的项目，规模扩大到一个巨大的混乱，现在我想找到最好的解决方案来重组一切。

其主要思想是将Java项目转换为一个API，并创建一个前端项目来托管微vuejs应用程序。

现在我想知道你对如何构造前端的看法。

实际上，我的想法是：

1. ，因为Nuxt应用程序是新的，所以我想把所有的微应用程序都移到里面。亲:我只有一个项目要管理。缺点:我会失去微front-ends.
2. Export前端的模块化，并试图将它导入到Nuxt中(我不知道实现这个Node.js包装应用程序的真正可能性，比如菜单，等等)。来主持所有的微前端。这与当前的解决方案非常相似，但也许我会清理所有的东西。

有一点需要考虑的是，所有的微型前端都有自己的Vuex商店。

我真的很感激任何帮助、意见、解决办法等等.谢谢

Answer 1

对于前端您的权利，维护一个项目要容易得多。我认为您可以完成一个项目并保持模块化/

我们倾向于以这样的单一方式来组织代码

app
    components
    store
    views
    ...

但是，您也可以按特性组织代码。

app
    components (global components used everywhere in the app)
    store (root state)
    views (base architecture)
    ...

    feature1
        components
        store
        views

    feature2
        components
        store
        views

vuex允许在多个模块中拆分存储https://vuex.vuejs.org/guide/modules.html，因此每个特性都可以保留自己的存储

对于服务器部分，只使用JAVA应用程序API是个好主意。我倾向于认为，在同一个项目中将前后混合在一起是不太容易维护的。第二次(如果您愿意的话)，您可以在节点服务器上托管您的nuxt应用程序并执行SSR操作。