Nginx - Flask app和css资产未正确加载

Question

我有一个烧瓶应用程序，它有前端和后端。我使用flask_assets来提供css和js资产。

assets = Environment()
assets.init_app(app)


js = Bundle(common_blueprint.name + '/dist/javascripts/scout.js', output='dist/javascripts/scout.js')
css = Bundle(common_blueprint.name + '/dist/stylesheets/base.css', output='dist/stylesheets/scout.css')


assets.register("js_all", js)
assets.register("css_all", css)


app.register_blueprint(common_blueprint)

现在正在运行一个奇怪的问题，每次我部署应用程序并点击url时，应用程序都不会加载css文件。 几次浏览器硬刷新后，css文件正确提供。

感谢任何帮助。

由于

Answer 1

如果没有特别的理由使用flask_assets我建议您将js和css文件存储在flask项目文件夹中 static 文件夹下，其结构如下：

FLASK_PROJECT/static/javascripts/    # for your js files
FLASK_PROJECT/static/stylesheets/    # for your css files

然后在 index.html / base.html 文件中，您将按如下方式加载文件：

<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='stylesheets/scout.css') }}">
<script type="text/javascript" src="{{ url_for('static',filename='javascripts/scout.js') }}"></script>

有关详细信息，请查看here