主页 / 问题 / 1085331
Accepted
dhvcc
Asked:2020-02-21 00:07:11 +0000 UTC2020-02-21 00:07:11 +0000 UTC

Flask 不更新 CSS

  • 772

更新

更详细地研究了这个问题。CSS 在第一次运行时应用，但之后不会更改，即使您更新并保存文件。原则上，这对于文件夹来说听起来是合乎逻辑的static，但有些事情告诉我它不应该那样工作

问题

问题的本质是它CSS没有在服务器上更新Flask。h1一直是红色，如果已连接CSS，尽管CSS文件本身表明它应该是蓝色的

通过浏览器运行页面时，所有内容都已链接并且运行良好

原则上，一切都可以在视频中看到

尝试重新安装Flask，更改项目结构。项目文件夹中没有其他.css文件，但.scss它代表h1 { color: green; }，原则上也不是红色的

资源

应用程序.py

from flask import Flask, render_template

app=Flask(__name__)

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

布局.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css')}}">
    <!-- <link rel="stylesheet" href="../static/style.css"> -->
    <title>Page</title>
</head>

<body>
    {%block body%}
    {%endblock%}
</body>

</html>

索引.html

{%extends "layout.html"%}

{%block body%}
    <h1>Hello!</h1>
{%endblock%}

样式.css

h1 {
  color: green;
}

/*# sourceMappingURL=style.css.map */
python

1 个回答

  1. Best Answer

    找到了问题的答案。

    问题的根源在于浏览器缓存CSS。这导致该问题的 3 种可能解决方案。

    1. 禁用站点缓存（您不会让它投入生产，但它应该可以工作，我自己没有尝试过）（来源）

    2. 分别标识每个样式版本（来源）

    3. 通过Ctrl+Shift+R或Shift+F5（来源）对页面进行“完全刷新”

    我更喜欢最后一个选项，因为。无需更改代码，原则上更省事

    • 3

相关问题