无法使用 Flask 加载静态文件答案

【问题标题】：Couldn`t load static files with Flask无法使用 Flask 加载静态文件
【发布时间】：2018-05-09 12:23:37
【问题描述】：

我是 Angular 和 Flask 的新手，这个问题有点尴尬。

所以我已经完成了像here这样的ngx-admin安装的所有步骤。 npm run build 脚本将所有内容编译到同一个文件夹中，因此目录结构如下所示：

/flask-test
    server.py
    /ngx-admin
        /dist  -  all built files 
        /src
        /node_modules

现在我正在尝试将所有内容连接到服务器。

from flask import Flask, render_template
app = Flask(__name__,static_folder="./ngx-admin/dist",template_folder="./ngx-admin/dist")

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

if __name__ == "__main__":
    app.run()

我不断收到多个 404 错误，但服务器找不到的所有文件都存在于 /ngx-admin/dist 文件夹中。

据我了解，问题出在静态目录上。我究竟做错了什么？

【问题讨论】：

标签： javascript python angular flask

【解决方案1】：

您的index.html 模板应使用/static 引用这些资源。

<script src="main.bundle.js"></script>

会变成

<script src="/static/main.bundle.js"></script>

还要确保在/flask-test 下创建一个static 文件夹，并将您的css 和js 文件放在该文件夹中。

【讨论】：