Flask应用仅在重新启动燃烧室后才加载CSS更改

问题描述 投票:0回答:1

您好,我参加了一个在线课程,该课程将教我flask / jinja2等。>>

我使用PyCharm Pro版本进行编码。我的问题是,当我运行应用程序时,css无法正确加载。仅当我重新启动计算机时,css才会刷新。...这对我没有任何意义。我什至尝试了不同的连接方式(完整路径,相对路径,让flask创建路径...)

我需要一只手来找到问题。

这是我的代码:

Python:

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>

您好,我参加了一个在线课程,该课程将教我flask / jinja2等。我使用PyCharm Pro版本进行编码。我的问题是,当我运行应用程序时,css无法正确加载。仅css ...

python html css flask pycharm
1个回答
0
投票

当我刚开始进行Web开发时,我遇到了同样的问题,您确定不会在浏览器中兑现该网站吗?重新启动会解决这个问题,这让我觉得您确实可以。在chrome中,您可以打开DevTools并转到“设置”以在打开时禁用缓存。转到您的站点,按F12,然后使用打开的DevTools刷新,看是否有帮助。

© www.soinside.com 2019 - 2024. All rights reserved.