前端缓存接口数据的实现

2022-07-12  本文已影响0人  隔壁老王z

前端缓存 API 接口数据,前端怎么知道数据是否变了,该不该取缓存的数据呢。
可以采用 HTTP 协商缓存 ETag 来实现:
在后台每次修改需要缓存的数据时都进行一次 hash(当然也可以使用其他算法生成唯一标识)

将接口地址与 hash 值存为键值对

逻辑大概为:

数据没有发生变化,则接口响应304,ETag header不变,前端仍然用老数据

数据发生了变化,则接口返回新的ETag header和新的数据,前端对比新老ETag不一致,则更新数据

上一篇下一篇

猜你喜欢

热点阅读