Warum lädt meine Flask-App meine CSS-Datei nicht?

Anwendung nimmt .css-Datei nicht auf: Eine Anleitung zum Ändern der Flask-Dateistruktur

Beim Stylen externer Stylesheets in einer Flask-Anwendung passiert es Es ist notwendig, die Dateien entsprechend zu strukturieren, um sicherzustellen, dass die Stile erfolgreich angewendet werden. Wenn die Stile nicht angewendet werden, muss möglicherweise die Dateistruktur angepasst werden.

Im gegebenen Beispiel befindet sich das externe Stylesheet unter /styles/mainpage.css, während die HTML-Vorlage versucht, es zu laden von ../styles/mainpage.css. Dieser falsche Pfad führt wahrscheinlich dazu, dass die Stile nicht angewendet werden.

Um dieses Problem zu beheben, sollte die Dateistruktur geändert werden, um das Stylesheet im „statischen“ Ordner der Anwendung zu platzieren. Die aktualisierte Dateistruktur sollte wie folgt aussehen:

/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /static
        /styles
            - mainpage.css

Als nächstes sollte die HTML-Vorlage angepasst werden, um die CSS-Datei korrekt zu laden:

<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/mainpage.css') }}">

Dieser geänderte HTML-Code verwendet die Funktion url_for um dynamisch die richtige URL für die CSS-Datei zu generieren und sicherzustellen, dass Flask sie im Ordner „static“ finden kann. Nach der Implementierung dieser Änderungen sollten die externen Stile nun auf die gerenderte Vorlage angewendet werden.

Das obige ist der detaillierte Inhalt vonWarum lädt meine Flask-App meine CSS-Datei nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!