mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-05 06:10:26 +08:00
61 lines
1.5 KiB
JavaScript
61 lines
1.5 KiB
JavaScript
|
Vue.component("http-cache-stale-config", {
|
|||
|
|
props: ["v-cache-stale-config"],
|
|||
|
|
data: function () {
|
|||
|
|
let config = this.vCacheStaleConfig
|
|||
|
|
if (config == null) {
|
|||
|
|
config = {
|
|||
|
|
isPrior: false,
|
|||
|
|
isOn: false,
|
|||
|
|
status: [],
|
|||
|
|
supportStaleIfErrorHeader: true,
|
|||
|
|
life: {
|
|||
|
|
count: 1,
|
|||
|
|
unit: "day"
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
config: config
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
config: {
|
|||
|
|
deep: true,
|
|||
|
|
handler: function () {
|
|||
|
|
this.$emit("change", this.config)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {},
|
|||
|
|
template: `<table class="ui table definition selectable">
|
|||
|
|
<tbody>
|
|||
|
|
<tr>
|
|||
|
|
<td class="title">启用陈旧缓存</td>
|
|||
|
|
<td>
|
|||
|
|
<checkbox v-model="config.isOn"></checkbox>
|
|||
|
|
<p class="comment">选中后，在更新缓存失败后会尝试读取陈旧的缓存。</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr v-show="config.isOn">
|
|||
|
|
<td>有效期</td>
|
|||
|
|
<td>
|
|||
|
|
<time-duration-box :v-value="config.life"></time-duration-box>
|
|||
|
|
<p class="comment">缓存在过期之后，仍然保留的时间。</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr v-show="config.isOn">
|
|||
|
|
<td>状态码</td>
|
|||
|
|
<td><http-status-box :v-status-list="config.status"></http-status-box>
|
|||
|
|
<p class="comment">在这些状态码出现时使用陈旧缓存，默认支持<code-label>50x</code-label>状态码。</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr v-show="config.isOn">
|
|||
|
|
<td>支持stale-if-error</td>
|
|||
|
|
<td>
|
|||
|
|
<checkbox v-model="config.supportStaleIfErrorHeader"></checkbox>
|
|||
|
|
<p class="comment">选中后，支持在Cache-Control中通过<code-label>stale-if-error</code-label>指定陈旧缓存有效期。</p>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</tbody>
|
|||
|
|
</table>`
|
|||
|
|
})
|