Я довольно новичок в использовании flask и у меня есть базовый c вопрос: Как предоставить доступ к HTML, который отображается с использованием flask доступа к stati c файлам (таким как изображения). Вот мой игрушечный пример:
Я хотел бы сделать lo go .svg на сайте. Проект структурирован как
Project
|
+ -- static
|
+ -- logo.svg
+ -- templates
|
+ -- test.html
+ -- run_flask.py
test. html выглядит следующим образом
<!DOCTYPE>
<html>
<head>
<title>demo</title>
<style>
body {
font-family: helvetica neue, helvetica, liberation sans, arial, sans-serif;
font-size: 14px;
}
</style>
</head>
<body>
<img src="./static/logo.svg" id="logo">
</body>
</html>
, а мой скрипт run_ flask -py содержит:
import flask
from flask import render_template, send_from_directory
from flask_cors import CORS
app = flask.Flask(__name__, static_url_path='')
CORS(app)
app.config["DEBUG"] = True
@app.route('/<string:page_name>/')
def render_static(page_name):
return render_template('%s.html' % page_name)
app.run(port=5001)
Теперь, когда скрипт запускается, вывод консоли:
Запуск на http://127.0.0.1: 5001 / (нажмите CTRL + C, чтобы выйти)
Пока все хорошо, но в chrome, http://127.0.0.1: 5001 / test / выглядит так:

Я уже посмотрел на Как обслуживать stati c файлы в Flask, так как проблема звучит похоже. Но я на самом деле запутался в том, как предлагаемый send_from_directory может помочь мне здесь.
Может кто-нибудь помочь?