为什么我的 CSS 链接需要一个 ?vh=# 才能在我的网站上更新？

Question

我遇到了一些以前从未遇到过的奇怪问题。我已经检查了网络并询问了某人但找不到答案。当我在我的网站上工作并发布它时，CSS 不会更新，除非我在 css link 的末尾放置一个 ?vh=1。 site

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../dist/css/main.css?vh=1.5">
    <link rel="stylesheet" media="screen and (max-width: 819px)" href="../dist/css/_tablet/index-tablet.css?vh=1.2">
    <link rel="stylesheet" media="screen and (max-width: 414px)" href="../dist/css/_mobile/index-mobile.css?vh=1.7">
    <link rel="icon" href="../assets/images/quorum_favicon.svg" type="image/gif" sizes="16x16">
    <title>Quorum / Home</title>
</head>

这是我所有页面上的头像示例。我正在研究响应能力，每次我必须做的是更改 ?vh= 之后的数字，这会非常快地减慢我的工作流程。我什至不知道我必须更改哪个 link，所以我花更多的时间来解决这个问题，而不是实际设计网站的样式。发生这种情况正常吗？

编辑：我还想提一下我已经多次清除缓存并进行了硬刷新，所以也没有用。

Answer 1

Cloudflare（您正在使用的）也有服务器端缓存，请参阅 https://support.cloudflare.com/hc/en-us/articles/202775670-Customizing-Cloudflare-s-cache. Clearing the client side cache in your browser has no affect on the server side cache used by cloudflare. Specially check https://support.cloudflare.com/hc/en-us/articles/200172516#h_a01982d4-d5b6-4744-bb9b-a71da62c160a 以查看缓存了 CSS 个文件。配置您的 cloudflare application/installation/host 以您喜欢的方式更改缓存设置。

为什么我的 CSS 链接需要一个 ?vh=# 才能在我的网站上更新？

Why do my CSS links require a ?vh=# in order to update on my website?

css

stylesheet