美文网首页
前端缓存接口数据的实现

前端缓存接口数据的实现

作者: 隔壁老王z | 来源:发表于2022-07-12 22:27 被阅读0次

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

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

    逻辑大概为:

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

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

    相关文章

      网友评论

          本文标题:前端缓存接口数据的实现

          本文链接:https://www.haomeiwen.com/subject/zpzabrtx.html