為什麼我的 Flask 應用程式無法辨識我的外部 CSS 檔案？

Flask 應用程式中無法辨識CSS 檔案：檔案結構故障排除

嘗試在Flask 中使用外部CSS 檔案設定範本樣式時，確保您的文件結構正確至關重要。如果您的樣式不適用，請考慮以下事項：

檔案結構：

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

HTML標記：

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

問題：

你的CSS 檔案位於「static」資料夾之外，Flask 使用該資料夾來提供CSS 等靜態檔案和JavaScript.

解決方案：

要解決此問題，請將CSS 檔案移至「static」資料夾下，並相應地更新HTML 檔案：

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

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

說明：

燒瓶查找「static」資料夾下的靜態文件，允許您提供 CSS 文件而無需明確管理其文件路徑。透過使用這種方法，您的應用程式現在將正確套用外部「mainpage.css」檔案中定義的樣式。

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