Chrome 不会缓存 CSS 文件。 .js 文件工作正常答案

【问题标题】：Chrome will not cache CSS files. .js files work fineChrome 不会缓存 CSS 文件。 .js 文件工作正常
【发布时间】：2018-08-16 13:05:31
【问题描述】：

Chrome 不会缓存我网站上的 CSS 文件，js 文件被缓存没有问题，但 CSS 每次都是从服务器加载的。服务器是 IIS 8，在我的 web.config 中有：

  <location path="Content/dist">
<system.webServer>
  <staticContent>
    <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="1.00:00:15" />
  </staticContent>
</system.webServer>

将缓存设置为在 1 天后过期。在我的 CSS 文件的标题中，我可以看到它已经采用了：

缓存控制：max-age=86415

完整的标题如下：

Accept-Ranges: bytes
Cache-Control: max-age=86415
Content-Encoding: gzip
Content-Length: 78464
Content-Type: text/css
Date: Thu, 16 Aug 2018 11:46:30 GMT
ETag: "053689a4935d41:0"
Last-Modified: Thu, 16 Aug 2018 10:12:14 GMT
Server: Microsoft-IIS/8.5
Vary: Accept-Encoding
X-Powered-By: ASP.NET

在我的本地计算机上，文件按预期从缓存中读取，但是当我推送到服务器时，我遇到了令人不安的行为。它只是发生这种情况的 CSS，来自 web.config 中引用的同一文件夹的 .js 文件正在从缓存中加载。这是一个此类文件的标题。

Accept-Ranges: bytes
Cache-Control: max-age=86415
Content-Encoding: gzip
Content-Length: 3698
Content-Type: application/javascript
Date: Thu, 16 Aug 2018 11:45:44 GMT
ETag: "f7e1df9a4935d41:0"
Last-Modified: Thu, 16 Aug 2018 10:12:14 GMT
Server: Microsoft-IIS/8.5
Vary: Accept-Encoding
X-Powered-By: ASP.NET

Firefox 也像我预期的那样从缓存中加载文件。

https://gyazo.com/3ba41707c00e7fb539f6b84cc90f70e0

网站网址：

https://devworks.cashbackforex.com/

【问题讨论】：

你能贴出你添加截图的html文件的代码吗？查看文件中的标题可能会有所帮助。
devworks.cashbackforex.com
我认为这可能是因为您的网站不受信任仅在 http url 上尝试一下，看看是否得到相同的结果。
是的，就在 Daniaal 上，做到了。公平地说，下面的 kamalpreet，他也暗示这也是一个证书问题，但我没有跟进。我原以为我可以将赏金分成 2 份，但显然我不能。所以我有点犹豫不决授予谁..
那么，谁的帖子引导您去实际尝试解决问题？ P.S 我也会永远爱你，你应该帮助一个新手；）

标签： .net google-chrome caching iis web-config

【解决方案1】：

我遇到了类似的问题，原来是 web.config 的编译属性设置为 debug=true, as-

<compilation debug="true"></compilation>

它会导致您的文件既不会被捆绑也不会缓存在浏览器上。只是删除 debug=true 解决了我的问题。所以我把它改成了-

<compilation></compilation>

编辑-

特别是对于 Chrome，它可能与您的证书有关。

Chrome 不会缓存来自具有自签名证书的服务器的资源。

See here

【讨论】：

好建议，但这并不能解释为什么只有我的 CSS 文件没有被缓存，就像我说的，其他资产（如 js 文件）正在正确缓存
您使用的是自签名证书吗？