【问题标题】:Flask css not updating [closed]烧瓶css没有更新[关闭]
【发布时间】:2014-03-09 23:52:18
【问题描述】:

我在我的 mac 上使用 Flask(python 包),当我第一次编写我的 css 时,它显示正常。但是,当我更新它并尝试检查它时,我只看到第一个 css 样式。我尝试重新启动终端,以及重新安装 Flask。有什么建议?谢谢。 这是 HTML:

    <!DOCTYPE html>
<html>
<head>
    <title>Title</title>   
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>

    <header>
        <div class="header"></div>
        <div class="logo">
            <center><img src="/static/img/p_logo.png" alt="pic"/></center>
        </div>
    </header> 

    <div class="container">
        {% block content %}
        {% endblock %}
    </div>

</body>

这是 CSS:

    * {
font-family: "Times New Roman", Times, serif;
}

header {
background-color: #000000;
width: 100%;
height: 7px;

}       

【问题讨论】:

  • 能否附上相关代码?
  • 好的,我用 css 和 html 更新了它。任何其他建议>
  • 您是否尝试使用 Shift + Ctrl + R 重新加载页面? (这会清除浏览器对页面的缓存。)
  • CMD(或 Windows 上的 CTRL)+ SHIFT + R = 成功!谢谢。
  • 我也遇到了............这是flask服务器的问题......这应该由flask团队解决!!!

标签: python html css flask


【解决方案1】:

如前所述,问题与浏览器缓存有关。

要解决这个问题,您可以向静态(css、js)链接添加一些动态变量。我更喜欢每个文件的最后修改时间戳。

/static/css/style.css?q=1280549780

这是一个sn-p:

http://flask.pocoo.org/snippets/40/

@app.context_processor
def override_url_for():
    return dict(url_for=dated_url_for)

def dated_url_for(endpoint, **values):
    if endpoint == 'static':
        filename = values.get('filename', None)
        if filename:
            file_path = os.path.join(app.root_path,
                                 endpoint, filename)
            values['q'] = int(os.stat(file_path).st_mtime)
    return url_for(endpoint, **values)

【讨论】:

  • 使用烧瓶完全有问题......还有其他解决方案吗??
  • 这不是 Flask 框架固有的问题,而是浏览器缓存的问题。您始终可以通过适当的标头禁用浏览器缓存,但这不是生产服务器的解决方案。 计算机科学中只有两个难点:缓存失效和命名。 -- Phil Karlton
  • 除了烧瓶之外,我从来没有遇到过这个问题
  • Jacek Kaniuk:你确定这和浏览器缓存有关吗?当我安装全新的浏览器时,我仍然遇到同样的问题。是的,第一次打开url,加载的.css文件不是最新的。
  • 您所说的“全新浏览器”是什么意思?比如重新安装 Chrome 之类的?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-08-07
  • 2019-02-26
  • 1970-01-01
  • 2014-02-27
  • 1970-01-01
  • 2019-02-10
  • 2022-01-19
相关资源
最近更新 更多