Cache-control header 不适用于 IE11

Question

谁能解释一下 IE11 的行为？

据我所知，所有支持 Http 1.1 的浏览器（除了一些有错误的版本），都支持 Cache-Control header.

我的后端有 Access-Control-Request-Headers，只有 Cache-Control 和 If-Modified-Since，所以我不能使用 Expires 或 Pragma。就我而言，IE11 有奇怪的行为。

Cache-Control 的任何指令在 IE11 中对我根本不起作用。 IE11 只缓存所有带有 headers:

的请求

Cache-Control: no-cache
Cache-Control: no-store, no-cache
Cache-Control: no-cache, max-age=0
Cache-Control: no-store, no-cache, max-age=0, must-revalidate
以及指令的任何其他组合。

有趣的是，只需添加 If-Modified-Since: 0 即可解决我的问题。

为什么 IE11（我在很多 PC 上试过）完全忽略 Cache-Control 而只缓存所有数据？

请求的Headers：

   Accept: */*
   Accept-Encoding: gzip, deflate
   Access-Control-Request-Headers: cache-control, expires, accept-language, x-website-token, authorization, x-website-config, accept
   Access-Control-Request-Method: GET
   Cache-Control: no-cache
   Content-Length: 0
   Host: ----
   Origin: ----
   User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; rv:11.0) like Gecko

响应的Headers：

   access-control-allow-credentials: false
   access-control-allow-headers: DNT, User-Agent, X-Website-Token, X-Website-Config, X-Website-Dgp, X-Integration-Id, X-Requested-With, If-Modified-Since, Cache-Control, Content-Type,Range, Accept, Accept-Language, Authorization, DNT
   access-control-allow-methods: GET, POST, PUT, PATCH, DELETE, OPTIONS
   access-control-allow-origin: *
   access-control-expose-headers: X-Pagination-Total-Count, X-Pagination-Page-Count, X-Pagination-Current-Page, X-Pagination-Per-Page
   access-control-max-age: 3600
   content-type: application/json; charset=UTF-8
   date: Sat, 13 Jun 2020 23:01:32 GMT
   server: nginx/1.16.1
   set-cookie: x-last-referrer=;Domain=-----;Path=/;
   x-release-version: 1

Answer 1

我发现行为取决于 header 类型。

如果我使用 cache-control 作为 请求的 header，我对所有浏览器都有奇怪的行为。例如，chrome 忽略除 no-cache 指令之外的所有 cache-control 指令。当我使用 no-cache 指令时，chrome 不缓存请求。 IE 只是忽略 cache-control 的所有指令，如果它是请求的 header。因此，请求的 header 用于中间代理，但与响应的缓存没有任何连接。

但如果我使用 cache-control 作为 响应的 header，我的行为是正确的，任何指令都按预期工作。

在我的例子中，我无法更改 REST API 并将 cache-control: no-cache 添加到响应中，因为我没有访问权限。但是我可以说随时通过使用请求的 header If-Modified-Sinse: 0.

来重新验证缓存的响应

Answer 2

首先，Internet Explorer 支持 HTTP 1.1 Cache-Control header，当 HTTP 1.1 服务器指定 no-cache 值时，它会阻止对特定 Web 资源的所有缓存。

其次，Cache-Control HTTP header 在 requests 和 responses 中保存用于缓存的指令（指令） ]. 请求中的给定指令并不意味着响应中应包含相同的指令。

因此，为了防止缓存响应资源，我们可以在响应中设置 cache-control: no-cache 并将 Expires 设置为“-1”。正如您所说，另一种方法是通过条件 If-Modified-Since 请求更新页面。更多详细信息，请查看这篇文章：How to prevent caching in Internet Explorer.

Cache-control header 不适用于 IE11

Cache-control header doesn't work for IE11

internet-explorer

caching

cache-control

browser-cache

internet-explorer-11