Nuxt创建共享应用程序状态的微型应用程序

Question

我正在使用nuxt来创建我的应用程序的界面，并且在这里面对墙。我想基本上在两个微型应用程序中构建我的nuxt应用程序，如下所示：

|--- nuxt.config.js
|--- admin
|------ components
|------ pages
|------ middleware
|--- frontend
|------ components
|------ pages
|------ middleware

创建两个微型应用程序而不是两个独立的nuxt应用程序的原因是，我想在两个应用程序之间共享vuex状态，在vuex状态下，我基本上对了解用户在其中的登录状态感兴趣这两个微型应用程序（如果我完全分开两个应用程序，我将无法做到）。

我是nuxt官方auth模块，用于处理用户身份验证，该模块将用户的登录状态保存在vuex存储中。

我想出的最接近的解决方案是使用srcDir文件中的nuxt.config.js，并使用不同的值，例如：

export default {
  srcDir: 'admin/'
}

并通过环境变量将其更改为以下内容：

export default {
  srcDir: 'frontend/'
}

，但它有相同的缺点，即它在两个微型应用程序之间不共享应用程序状态（例如，用户登录状态）。

任何解决方案如何克服这个问题？

Answer 1

我认为最好在这种结构的页面级别解决此问题！

|--- nuxt.config.js 
|----components
|----pages
|------- admin
|------- frontend   
|----middleware

并在auth中将用户重定向到相关页面并进行路由