无法使用Flask加载静态文件

Question

我是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 文件夹中。

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

Answer 1

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

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

会变成

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

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