vue.js - Vue API 最佳实践重复调用（Vuex？）

Question

在我的应用程序中有多个页面显示“客户”的下拉列表。选择选项是通过 Axios 中的 GET 调用加载的。每次显示页面时，都会调用它。

我很好奇将这些客户端存储在 Vuex 中是否更好，然后以这种方式加载它们，这样我就不会每次都打电话了？我唯一担心的是当添加一个新的“客户端”时，这是告诉应用程序需要进行新的 get 调用以更新 Vuex 中的数据的最佳方式。

标签： vue.jsaxiosvuex

Answer 1

对此有许多可能的解决方案。您可以在后端使用缓存，例如Redis，或者如您所说，将其缓存在前端。您可以使用 get 函数抽象此缓存，该函数将检查缓存年龄的最大阈值。

例如，您可以将其设置为持续 15 分钟。如果在它之前发出另一个请求，您可以使用最后获得的数据来回答，否则它将再次向服务器请求数据。