為什麼我的 Flask 應用程式中沒有載入外部 CSS 檔案？

CSS 檔案未在 Flask 中載入

問：我正在嘗試使用外部 CSS 檔案來設定 Flask 範本的樣式，但樣式未套用。這是我的文件結構：

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

mainpage.html

    
        <link rel="stylesheet" type="text/css" href="../styles/mainpage.css">
    
    
        <!-- content --> 

答：要解決此問題，您需要有一個專用的“靜態”資料夾儲存CSS 和JS 檔案。以下是更正後的檔案結構：

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

mainpage.html

    
        <link rel="stylesheet" type="text/css" href="%7B%7B%20url_for('static',filename='styles/mainpage.css')%20%7D%7D">
    
    
        <!-- content --> 

Flask 現在將在static/styles/mainpage.css 下尋找CSS 檔案。

以上是為什麼我的 Flask 應用程式中沒有載入外部 CSS 檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！