Vue API 最佳实践重复调用(Vuex?)
Vue API Best Practice Duplicate Calls (Vuex?)
在我的应用程序中,有多个页面显示“客户”下拉列表。 select 选项通过 Axios 中的 GET 调用加载。每次显示一个页面时,它都会进行调用。
我很好奇将这些客户端存储在 Vuex 中,然后以这种方式加载它们是否更好,这样我就不会每次都打电话?我唯一担心的是,当添加新的“客户端”时,告诉应用它需要进行新的 get 调用以更新 Vuex 中的数据的最佳方式。
对此有很多可能的解决方案。
您可以在后端使用缓存,例如 Redis,或者如您所说,将其缓存在前端。
您可以使用 get 函数抽象此缓存,该函数将检查缓存年龄的最大阈值。
例如,您可以将其设置为持续 15 分钟。如果在它之前发出另一个请求,你可以用上次获得的数据回答,否则它会再次向服务器请求数据。
在我的应用程序中,有多个页面显示“客户”下拉列表。 select 选项通过 Axios 中的 GET 调用加载。每次显示一个页面时,它都会进行调用。
我很好奇将这些客户端存储在 Vuex 中,然后以这种方式加载它们是否更好,这样我就不会每次都打电话?我唯一担心的是,当添加新的“客户端”时,告诉应用它需要进行新的 get 调用以更新 Vuex 中的数据的最佳方式。
对此有很多可能的解决方案。 您可以在后端使用缓存,例如 Redis,或者如您所说,将其缓存在前端。 您可以使用 get 函数抽象此缓存,该函数将检查缓存年龄的最大阈值。
例如,您可以将其设置为持续 15 分钟。如果在它之前发出另一个请求,你可以用上次获得的数据回答,否则它会再次向服务器请求数据。