浏览器未缓存请求

Question

我试图让我的网页缓存以下请求，因为我认为它不会经常更改。我读到要控制缓存，可以设置Cache-Control标头，但是当我在下面进行设置并签入Chrome -> Dev Tools ->Application -> Cache时 缓存为空。

   var myHeaders = new Headers();
   myHeaders.append('Cache-Control', 'max-age=345600;');

   var requestOptions = {
    method: 'GET',
    redirect: 'follow',
    headers : myHeaders
  };


  try {
    const response = await fetch("https://api.covid19api.com/countries", requestOptions);
    const json = await response.json();