내 Flask 앱이 내 CSS 파일을 로드하지 않는 이유는 무엇입니까?

애플리케이션이 .css 파일을 선택하지 않음: Flask 파일 구조 수정 가이드

Flask 애플리케이션에서 외부 스타일 시트의 스타일을 지정하면 스타일이 성공적으로 적용되도록 하려면 파일을 적절하게 구조화해야 합니다. 스타일이 적용되지 않는 경우 파일 구조를 조정해야 할 수도 있습니다.

주어진 예에서 외부 스타일 시트는 /styles/mainpage.css에 있지만 HTML 템플릿은 이를 로드하려고 시도합니다. ../styles/mainpage.css에서. 이 잘못된 경로로 인해 스타일이 적용되지 않을 가능성이 높습니다.

이 문제를 해결하려면 스타일 시트를 애플리케이션의 "정적" 폴더 내에 배치하도록 파일 구조를 수정해야 합니다. 업데이트된 파일 구조는 다음과 같아야 합니다.

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

다음으로 CSS 파일을 올바르게 로드하도록 HTML 템플릿을 조정해야 합니다.

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

이 수정된 HTML 코드는 url_for 함수를 사용합니다. CSS 파일에 대한 올바른 URL을 동적으로 생성하여 Flask가 "정적" 폴더 내에서 해당 URL을 찾을 수 있도록 합니다. 이러한 변경 사항을 구현하면 이제 렌더링된 템플릿에 외부 스타일이 적용되어야 합니다.

위 내용은 내 Flask 앱이 내 CSS 파일을 로드하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!