css - Flask 中的静态设置。

Question

我在下面设置了 static_folder 和 static_url_path:

你好.py

app = Flask(__name__,  static_folder='static', static_url_path='')
@app.route('/home')
def home():
    return render_template("home.html")

@app.route('/schedule/<user>')
def schedule(user):
    return render_template("schedule.html", user=user)

和下面的元素目录设置:

元素
-你好.py
- 模板
- home.html
- schedule.html
- 静态
- Bootstrap

然后我在 html 文件中设置 CSS；

<!-- Loading Bootstrap -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">

<!-- Loading Flat UI -->
<link href="css/flat-ui.css" rel="stylesheet">

localhost:8000/home 没问题。

但是 localhost:8000/schedule/test，网页是坏的 css。

如何更改静态文件夹或url路径？

Answer 1

你的css文件在static目录吗？如果是，根据您的代码和元素结构，当您尝试加载 Flat UI 时，它找不到 flat-ui.css。您需要指向 css 文件的相对路径。

<!-- Loading Flat UI -->
<link href="./static/css/flat-ui.css" rel="stylesheet">

或

<!-- Loading Flat UI -->
<link href="static/css/flat-ui.css" rel="stylesheet">