python - Nginx - Flask 应用程序和 css Assets 未正确加载

Question

我有一个 Flask 应用程序，它有前端和后端。我正在使用 flask_assets 来提供 css 和 js Assets 。

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