首先,大家来看看在Flask中如何添加CSS样式。一般情况下,大家会在html文件的头部添加如下语句:
<link rel="stylesheet" href="{{url_for('static', filename='style.css')}}">
这个语句的作用是将名为style.css的CSS文件在静态文件夹static中寻找,然后将其应用到当前html文件中。但是,在偶的情况下,无论怎么设置,CSS文件都无法正常加载,页面样式一团糟。
后来偶发现,在Flask中,要使用CSS样式,还需要在app.py文件中添加如下代码:
app = Flask(__name__) app.config['SEND_FILE_MAX_AGE_DEFAULT'] = 0 # 禁用缓存 @app.route('/static/') # 配置静态文件路由 def send_static(path): return send_from_directory('static', path) if __name__ == '__main__': app.run()
这个代码的作用是配置静态文件路由,让Flask知道应该从哪里寻找静态文件。但是,在大多数Flask的入门教程中,往往没有提及此事。
总之,如果你也遇到了Flask中CSS无法正常加载的问题,可以尝试在app.py文件中添加上述代码,看看是否能够解决问题。