缓存本质上是数据的本地存储。假设它不是永久在线的（即它不是服务器），你可以在程序运行时的剩余时间里保存对查询的响应。从调用函数的代码的Angular 来看，理想情况下，它不应该知道或关心数据是否被缓存（这被称为具有透明缓存）。

import axios from 'axios';

// store data here
const areaDataCache = {};

export const getAreaData = async (postcode) => {
  // if cache doesn't contain data
  if (!areaDataCache[postcode]) {
    // load data and add it to cache
    const { data } = await axios.get(`https://api.zippopotam.us/GB/${postcode}`);
    areaDataCache[postcode] = data.places
  }
  // cached data
  return areaDataCache[postcode];
};

这是可能的最简单的实现，并且其中没有任何更高级的概念，例如设置数据的到期日期，这将强制在经过一段时间后再次获取数据，或者在一定长度的时间/一定数量的请求后清除整个缓存。