web-dev-qa-db-ja.com

Flask cssは更新されていません

私はMacでFlask(the python Package)を使用しています。最初にcssを書いたとき、それは正常に表示されました。それは、最初のcssスタイルのみが表示されているため、Flaskを再インストールするだけでなく、ターミナルを再起動しようとしました。

    <!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;

}       
28
ng150716

すでに述べたように、問題はブラウザーのキャッシュに関連しています。

それを解決するには、静的(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)
26
Jacek Kaniuk