私は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;
}
すでに述べたように、問題はブラウザーのキャッシュに関連しています。
それを解決するには、静的(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)