Flask 应用程序仅在计算机重新启动后才加载 css 更改答案

【问题标题】：Flask app loads css changes only after compuster restartsFlask 应用程序仅在计算机重新启动后才加载 css 更改
【发布时间】：2020-03-04 13:51:42
【问题描述】：

您好，我参加了一个在线课程，该课程将教我烧瓶/jinja2 等。

我使用 PyCharm Pro 版本进行编码。我的问题是我运行应用程序时没有正确加载 css。 CSS仅在我重新启动计算机时才会刷新……这对我来说没有任何意义。我什至尝试了不同的连接方式（完整路径，相对路径，让烧瓶创建路径......）

我需要帮助来找出问题所在。

这是我的代码：

Python：

import flask


app = flask.Flask(__name__)

def get_latest_packages():
    return [
        {'name': 'flask','version': '1.2.3'},
        {'name': 'sqlalchemy', 'version': '2.2.0'},
        {'name': 'passlib', 'version': '3.0.0'}
    ]

@app.route('/')
def index():
    test_packages = get_latest_packages()
    return flask.render_template('index.html', packages = test_packages)

@app.route('/about')
def about():
    return flask.render_template('about.html')


if __name__ == '__main__':
    app.run(debug=True)

HTML：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Python Package Index Demo</title>
      <link rel="stylesheet"
           href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
           integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
           crossorigin="anonymous">
          <link rel="stylesheet" type="text/css" href="/static/css/site.css"/>
   </head>
        <body>

      <nav>
         <a href="/">Home</a>
         <a href="/about">About</a>
      </nav>
      <div class="main_content">

      <h1>Python Packages Index</h1>
      <h2>Packages</h2>
         {% for p in packages %}
            <div>
                <span class="title">
                    {{ p.name.upper() }}
                </span>
                <span class="version">
                    {{ p.version }}
                </span>
            </div>
            {% endfor %}
      </div>



      <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
      <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

        </body>
</html>

【问题讨论】：

尝试深度重新加载：按F5 可能与Shift 或Ctrl 一起使用。如果这样做没有帮助，请直接在浏览器中打开 CSS 文件，然后按 F5。不要忘记重新启动烧瓶并确保所有烧瓶进程都已停止。

标签： python html css flask pycharm

【解决方案1】：

当我第一次开始进行 Web 开发时，我遇到了同样的问题，你确定你没有在浏览器中兑现网站吗？重新启动修复它的事实让我认为你做到了。在 chrome 中，您可以打开 DevTools 并转到设置以在它们打开时禁用缓存。转到您的站点，按 F12，然后使用打开的 DevTools 刷新，看看是否有帮助。

【讨论】：

天哪，成功了....我从没想过。我在我的代码上找了几个小时：D 非常感谢！
@Snake_py 乐于助人，这发生在许多刚开始 Web 开发的人身上。如果您能接受我的回答，将不胜感激:)