クライアントが静的コンテンツをキャッシュするように、キャッシュ制御Max-Age
ヘッダーが添付された静的コンテンツがいくつかあります。ただし、IIS 7.5は、クライアントにこれをキャッシュするようにアドバイスするエラー応答がある場合でも、このヘッダーを送信します。
これには、一部のプロキシがそのエラー応答をキャッシュするという悪影響があります。 Vary: Accept,Accept-Encoding
は可能ですが、これはMax-Age
がエラー応答で発生するという根本的な問題に実際には対処していません。
現在関連するIIS web.config
セクションは次のとおりです。
<configuration>
<system.webServer>
<staticContent>
<clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="7.00:00:00" />
</staticContent>
</system.webServer>
</configuration>
クライアントやプロキシに400/500エラーコードをキャッシュするように指示しないようにする方法はありますか?
初歩的なテスト「スイート」を作成しました。
IIS 7.0(.NET 4.0の統合パイプラインモード)で最小限のWeb.configを使用してテストを実行すると、すべて合格です。テストファイルのCache-Control
応答ヘッダーはprivate
に設定されます。リクエストのAccept
ヘッダーがファイルのContent-Type
と一致しません。
これにより、IISの静的キャッシュルーチンを中断するモジュールがあるか、IIS 7.0と7.5がここで異なると思います。
これが私が使用したファイルです(空のファイルなのでsome-script.js
はありません):
Web.Config:
<?xml version="1.0"?>
<configuration>
<system.web>
<compilation debug="true" targetFramework="4.0">
</compilation>
</system.web>
<system.webServer>
<staticContent>
<!-- Set expire headers to 30 days for static content-->
<clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="7.00:00:00" />
</staticContent>
</system.webServer>
</configuration>
test.html:
<!doctype html>
<html>
<head>
<title>http://serverfault.com/questions/346975</title>
<style>
body > div
{
border:1px solid;
padding:10px;
margin:10px;
}
</style>
</head>
<body>
<div>
<h2>Request JS file with Accepts: accept/nothing</h2>
<b>Response Headers: </b>
<pre id="responseHeaders-1">loading&hellip</pre>
</div>
<div>
<h2>Request JS file with Accepts: */*</h2>
<b>Response Headers: </b>
<pre id="responseHeaders-2">loading&hellip</pre>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
var responseHeaders1 = $("#responseHeaders-1"),
responseHeaders2 = $("#responseHeaders-2"),
fetchScript = function (accepts, element, successMsg, errorMsg) {
var jXhr = $.ajax({
// fetch the resource "fresh" each time since we are testing the Cache-Control header and not caching itself
"url": "some-script.js?" + (new Date).getTime(),
"headers": {
"Accept" : accepts
},
"complete": function () {
var headers = jXhr.getAllResponseHeaders();
headers = headers.replace(/(Cache-Control:.+)/i, "<strong><u>$1</u></strong>");
element.html(headers);
},
"success": function () {
element.after("<div>" + successMsg + "</div>");
},
"error": function () {
element.after("<div>" + errorMsg + "</div>");
}
});
};
fetchScript("accept/nothing", responseHeaders1, "Uh, your server is sending stuff when the client doesn't accept it.", "Your server (probably) responded correctly.");
fetchScript("*/*", responseHeaders2, "Your server responded correctly.", "Something went wrong.");
</script>
</body>
</html>
キャッシュするコンテンツの種類を指定する必要があります。たとえば、スクリプト、css、画像などをキャッシュできます。したがって、<location path ="Scripts">
タグの前に<system.webServer>
タグを使用してください。したがって、Web構成は次のようになります。
<location path ="Scripts">
<system.webServer>
<staticContent>
<clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="07:00:00" />
</staticContent>
</system.webServer>
</location>
<location path ="css">
<system.webServer>
<staticContent>
<clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="07:00:00" />
</staticContent>
</system.webServer>
</location>