为什么我的 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

接下来，应调整 HTML 模板以正确加载 CSS 文件：

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

此修改后的 HTML 代码使用 url_for 函数动态生成 CSS 文件的正确 URL，确保 Flask 可以在“static”文件夹中找到它。实施这些更改后，外部样式现在应该应用于渲染的模板。

以上是为什么我的 Flask 应用程序没有加载我的 CSS 文件？的详细内容。更多信息请关注PHP中文网其他相关文章！