Не удалось загрузить статические файлы с помощью Flask

Question

Я новичок в Angular и Flask, и этот вопрос немного смущает.

Итак, я выполнил все этапы установки 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 в эту папку.