Flask CSS无法更新

小编典典

Flask CSS无法更新

flask

我在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;

}

阅读 801

2020-04-06

共1个答案

小编典典

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

为了解决这个问题，你可以向静态（css，js）链接中添加一些动态变量。我更喜欢每个文件的上次修改时间戳。

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

这是一个片段：

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)

2020-04-06