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

问题描述 投票：0回答：1

我遇到了一些我以前从未遇到过的奇怪问题。我上网查了一下，也问过别人，但没有找到答案。当我在我的网站上工作并发布它时，CSS 将不会更新，除非我在 CSS 链接末尾添加 ?vh=1 。 网站

<!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=
之后的数字，这会超快地减慢我的工作流程。我什至不知道我必须更改哪个链接，因此我花更多的时间来解决这个问题，而不是实际设计网站样式。这种情况正常吗？

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

html caching cloudflare
1个回答
1
投票

Cloudflare（您正在使用的）也有服务器端缓存，请参阅 https://support.cloudflare.com/hc/en-us/articles/202775670-Customizing-Cloudflare-s-cache。清除浏览器中的客户端缓存不会影响 cloudflare 使用的服务器端缓存。特别检查 https://support.cloudflare.com/hc/en-us/articles/200172516#h_a01982d4-d5b6-4744-bb9b-a71da62c160a 以查看 CSS 文件是否已缓存。配置您的 cloudflare 应用程序/安装/主机，以您喜欢的方式更改缓存设置。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.