从 CORS 响应读取标头返回空对象 [关闭]

Question

当我在浏览器中使用 javascript 进行提取（使用基本身份验证）时，我会收到屏幕截图中的响应。 这很好，但是为什么console.log(response.headers) 返回一个空对象呢？

我添加了 acces-control-expose-headers，因为这是一个 cors 请求，我想知道日期。

目标是缓存响应（缓存 API）并使用日期来获取缓存的年龄。 但缓存版本也不返回标头。 （但使用 chrome 中的开发工具，我可以看到所有标题都在缓存中）

下面是部分代码：

    const cache = await caches.open('data');
    let response = await cache.match(url)
    if (!response) {
      response = await fetch(url, {
        headers: new Headers({
          "Authorization": 'Basic 1234fake567=='
        })
      });
      if (!response.ok) return dispatch(setError(response.status.toString()));
      console.log(response.headers)  // => {}
      await cache.put(url, response)
      response = await cache.match(url)
    }
    console.log(response.headers) // => {}
    const apiData: ApiData = await response.json();

Answer 1

根据这个SO post，您不能使用console.log(response.headers) 来调试打印标题。试试这个：

    const cache = await caches.open('data');
    let response = await cache.match(url)
    if (!response) {
      response = await fetch(url, {
        headers: new Headers({
          "Authorization": 'Basic 1234fake567=='
        })
      });
      if (!response.ok) return dispatch(setError(response.status.toString()));
      

      // This is new
      for (var pair of response.headers.entries()) {
         console.log(pair[0]+ ': '+ pair[1]);
      }

      await cache.put(url, response)
      response = await cache.match(url)
    }
    console.log(response.headers) // => {}
    const apiData: ApiData = await response.json();