【问题标题】:CSS file not updating on Azure Deploy/PublishCSS 文件未在 Azure 部署/发布上更新
【发布时间】:2012-03-29 20:03:52
【问题描述】:

已解决 我不知道,Cloudflare 默认缓存所有 css/js 文件 4 小时。

场景:

我将这个添加到我们的首页:

<span class="test">hullo!</span>

这是我们的 css 文件:

.test { font-size:2.0em; }

我进行了 Web 部署,或者完全发布到 Azure,并且跨度出现在首页上,但不显示样式。 css 文件由于某种原因没有得到更新。 FF、IE、Chrome 和 Safari 都证实了这一点。然而,在看似任意的时间之后,css 文件得到更新。

即使我远程进入 Azure VM 并重新启动应用程序,样式也没有改变。该应用程序在一个实例、一个角色上运行。未设置 Azure 缓存。将查询字符串参数添加到 css 文件链接没有帮助。似乎是一个缓存问题,但不知道如何解决。

有什么想法吗?

【问题讨论】:

    标签: caching azure cloudflare


    【解决方案1】:

    “我们使用 Cloudflare,它有一个默认设置来缓存所有 CSS 和 JS 文件。它每 4 小时清除一次缓存,导致任意更新。所以,即使我在末尾添加了一个新的查询字符串的 css 文件,Cloudflare 仍然缓存旧的”

    请注意,在您对站点上的static content files 进行更改时,您应该进入 CloudFlare 开发模式。您可以通过以下方式进入开发模式以绕过缓存:设置->开发模式。您还可以选择清除缓存作为附加选项,仅当您真的想清除所有内容时,我们才会建议您这样做。

    【讨论】:

      【解决方案2】:

      看起来它已被您的浏览器缓存。您能否尝试导航到您的网站并按 Ctrl+F5。

      也许您可以使用 Fiddler 来查看 CSS 是否已被缓存、未更新或下载时出现错误。

      【讨论】:

      • 它没有被浏览器缓存。 Ctrl+F5 什么都不做,我已经在 Safari 中加载了它,这是我以前从未使用过的浏览器,仍然没有更改。我也有人从未访问过我的网站,但无济于事。似乎是 Azure 的问题。
      【解决方案3】:

      此问题已解决。

      我们使用 Cloudflare,它默认设置为缓存所有 CSS 和 JS 文件。它每 4 小时清除一次缓存,从而导致任意更新。因此,即使我在 css 文件的末尾添加了一个新的查询字符串,Cloudflare 仍然缓存了旧的。

      【讨论】:

        【解决方案4】:

        我已经解决了这个问题,我会告诉你,根据我在 Chrome 中的经验,你可以在开发者工具中设置一个禁用缓存的设置,但是,我注意到除非你在你打开开发工具窗口时打开了点击 Ctrl+F5 它不会重新加载缓存。在 IE 中,开发工具中有一个全局设置,可以让它每次都重新下载所有内容。在 Firefox 中,开发工具中还有一个设置,要求它下载而不使用缓存。

        您可以对此进行测试的一种方法以及我的测试方式是运行 Fiddler 并观察它是否完整下载了您的所有文件或是否正在缓存。

        根据我的经验,这确实是浏览器缓存问题,与 Azure 无关。

        【讨论】:

        • 我仍然认为它不是浏览器缓存问题。我问了一位以前从未接触过该网站的同事转到该网址。仍然......样式不存在。服务器上的 CSS 文件显示有新的样式类,但 span 无法识别它。
        • 在您同事的计算机上,如果您使用 Fiddler,是否显示正在下载 CSS 文件?您可以直接导航到 CSS 文件的 URL 吗?
        猜你喜欢
        • 2011-02-16
        • 2013-06-29
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-01-18
        • 1970-01-01
        相关资源
        最近更新 更多