为什么我的 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中文网其他相关文章！