NUXT系统，全球，应用商店

Posted 2023-02-22

【中文标题】NUXT系统，全球，应用商店

【英文标题】：NUXT system, global, application store

【发布时间】：2020-11-27 22:49:38

【问题描述】：

我需要存储和访问某些系统信息。

一种单例，但存储在内存中。

假设我有用户登录计数器，一个用户正在查看一个有 x 个用户登录的页面，然后第二个用户登录，所以每个用户的页面应该刷新到 x + 1。

我在考虑 Vue Reactivity，但首先我需要将用户数量存储在一般变量中。

编辑：

问题是我需要全局变量，而不是如何渲染。请关注标题

EDIT2：

忘记我的渲染方式，想象一下我有一个所有用户都使用的 API 密钥，但我不能将它存储在 process.env 或 nuxtConfig 中，因为这个 API 经常更改。我可以将它存储在哪里以及如何存储它以使任何用户都可以访问它，然后，如果它发生变化，所有用户都将在下次需要时访问新的 API。

【问题讨论】：

你需要像 Websockets 这样的东西来广播变化。

@ceejayoz 我在想像 vue.observe 这样的反应性 vue 组件。

不过，你必须对某事做出反应。

【参考方案1】：

例如 Vue.socket.io。看起来你需要一个通用的聊天功能

【讨论】：

问题是我需要全局变量，而不是如何渲染。请关注标题

【参考方案2】：

您需要使用 Websockets。此功能必须在您的后端 Web 服务中实现。 然后在您的前端，监听每个用户登录以重新加载所有用户的页面。