diff --git a/web/public/js/components.js b/web/public/js/components.js
index c31c31a6..27efaa07 100755
--- a/web/public/js/components.js
+++ b/web/public/js/components.js
@@ -2969,6 +2969,7 @@ Vue.component("http-cache-config-box", {
 				isOn: false,
 				addStatusHeader: true,
 				addAgeHeader: false,
+				enableCacheControlMaxAge: false,
 				cacheRefs: [],
 				purgeIsOn: false,
 				purgeKey: ""
@@ -3046,6 +3047,13 @@ Vue.component("http-cache-config-box", {
 					<p class="comment">选中后自动在响应Header中增加<code-label>Age: [有效时间秒数]</code-label>。</p>
 				</td>
 			</tr>
+			<tr>
+				<td>支持源站控制有效时间</td>
+				<td>
+					<checkbox v-model="cacheConfig.enableCacheControlMaxAge"></checkbox>
+					<p class="comment">选中后表示支持源站在Header中设置的<code-label>Cache-Control: max-age=[有效时间秒数]</code-label>。</p>
+				</td>
+			</tr>
 			<tr>
 				<td>允许PURGE</td>
 				<td>
diff --git a/web/public/js/components/server/http-cache-config-box.js b/web/public/js/components/server/http-cache-config-box.js
index a35e947c..b5e2d3ff 100644
--- a/web/public/js/components/server/http-cache-config-box.js
+++ b/web/public/js/components/server/http-cache-config-box.js
@@ -8,6 +8,7 @@ Vue.component("http-cache-config-box", {
 				isOn: false,
 				addStatusHeader: true,
 				addAgeHeader: false,
+				enableCacheControlMaxAge: false,
 				cacheRefs: [],
 				purgeIsOn: false,
 				purgeKey: ""
@@ -85,6 +86,13 @@ Vue.component("http-cache-config-box", {
 					<p class="comment">选中后自动在响应Header中增加<code-label>Age: [有效时间秒数]</code-label>。</p>
 				</td>
 			</tr>
+			<tr>
+				<td>支持源站控制有效时间</td>
+				<td>
+					<checkbox v-model="cacheConfig.enableCacheControlMaxAge"></checkbox>
+					<p class="comment">选中后表示支持源站在Header中设置的<code-label>Cache-Control: max-age=[有效时间秒数]</code-label>。</p>
+				</td>
+			</tr>
 			<tr>
 				<td>允许PURGE</td>
 				<td>