FastApi StaticFiles не работает?

Question

[Кирилл Горелов]

Нужно отрендерить шаблон. Это я сделал, но стили, которые нужно подключить не подключаются.

Делаю по докам.

from fastapi.staticfiles import StaticFiles
from fastapi.templating import Jinja2Templates

.....

base_dir = os.path.dirname(os.path.abspath(__file__))
app.mount("/sql_app", StaticFiles(directory=base_dir+"/static"), name="sql_app")
templates = Jinja2Templates(directory=base_dir)

Вот структура проекта


Все что бы я не подключаю в html(разные варианты, не один не работает)

{{ url_for('sql_app', path='/styles.css') }}
{{ url_for('sql_app', path='/static/styles.css') }}

Пробовал разные варианты подключения вообще никак.

Comments

[Алан Гибизов]

Всю текстовую информацию надо публиковать текстом, включая traceback и т.п.
Картинки только для графики.

Answer 1

[Виктор Голованенко]

app.mount("/sql_app", StaticFiles(directory=base_dir+"/static"), name="sql_app")

Во-первых, никогда не соединяйте пути к файлам с помощью конкатенации: это может вызвать проблемы с безопасностью. Используйте для этого os.path.join():

app.mount("/sql_app", StaticFiles(directory=os.path.join(base_dir, "/static")), name="sql_app")

Во-вторых, нужно указать только путь к директории "static" относительно файла main.py, не указывая директорию с проектом (base_dir). Достаточно указать directory="static":

app.mount("/sql_app", StaticFiles(directory="static"), name="sql_app")

Comments

[Кирилл Горелов]

Вызывается ошибка, я так пробовал(

app.mount("/sql_app", StaticFiles(directory="static"), name="sql_app")
.....
    raise RuntimeError(f"Directory '{directory}' does not exist")
RuntimeError: Directory 'static' does not exist

[Виктор Голованенко]

Кирилл Горелов, какой командой вы запускаете приложение?

[Кирилл Горелов]

Виктор Голованенко, python3 -m uvicorn sql_app.main:app --reload

[Виктор Голованенко]

Кирилл Горелов, попробуйте запустить приложение из директории "sql_app":

cd sql_app/
python3 -m uvicorn main:app --reload

[Кирилл Горелов]

Wispik, Виктор Голованенко,
ребята, все заработало. Дело было не в бабине.....

Я само название файла не правильно указывал(((

Answer 2

[Wispik]

Давно была похожая проблема, на stackoverflow нашел решение, что нужно раздачу статики и апи делать отдельно.
Вот пример, из моего кода. Здесь без jinja2, но суть та же

app = FastAPI()
app_api = FastAPI()

app.mount("/api", app_api)
app.mount("/", StaticFiles(directory="static", html=True), name="static")

@app.get('/', response_class=HTMLResponse)
async def main_page():
    return HTMLResponse('index.html')


@app_api.post('/login', response_class=JSONResponse)
async def login(
    username: str = Body(...),
    password: str = Body(...)
):
    ...