如何使用 Python Flask 加载共享的 static 文件？

Question

我们有一个运行基本 LAMP 堆栈的服务器。 我们的团队有一些现有的 PHP 应用程序，但我们将继续使用 Python/Flask（我们都是 Flask 的新手，因此出现了一系列愚蠢的问题）。 PHP 页面使用一些共享的 css 和 js 文件，其中包括引导程序以及我公司构建的自定义引导程序扩展。 由于这些文件在切换到 Flask 之前就存在，因此它们显然位于我的 Flask 应用程序的目录结构之外。 我可以通过在 Flask 应用程序的 static 目录中创建指向它们的符号链接来使用这些共享文件，但显然我公司的自定义引导扩展包含一些字体文件，Z9784E91C7B2657917AFZ26BC8 无法加载：

<my-ip-addr> - - [17/May/2021 09:35:11] "GET /fonts/Neue-haas/display-bold-75.woff2 HTTP/1.1" 404 -
<my-ip-addr> - - [17/May/2021 09:35:11] "GET /fonts/fontawesome-webfont.woff2?v=4.7.0 HTTP/1.1" 404 -
<my-ip-addr> - - [17/May/2021 09:35:11] "GET /fonts/Neue-haas/roman-text-55.woff2 HTTP/1.1" 404 -
<my-ip-addr> - - [17/May/2021 09:35:11] "GET /fonts/Neue-haas/display-bold-75.woff HTTP/1.1" 404 -
<my-ip-addr> - - [17/May/2021 09:35:11] "GET /fonts/fontawesome-webfont.woff?v=4.7.0 HTTP/1.1" 404 -
<my-ip-addr> - - [17/May/2021 09:35:11] "GET /fonts/Neue-haas/roman-text-55.woff HTTP/1.1" 404 -
<my-ip-addr> - - [17/May/2021 09:35:11] "GET /fonts/Neue-haas/display-bold-75.ttf HTTP/1.1" 404 -
<my-ip-addr> - - [17/May/2021 09:35:11] "GET /fonts/fontawesome-webfont.ttf?v=4.7.0 HTTP/1.1" 404 -
<my-ip-addr> - - [17/May/2021 09:35:11] "GET /fonts/Neue-haas/roman-text-55.ttf HTTP/1.1" 404 -

自定义引导扩展尝试像这样加载这些 fonts： url(../fonts/Neue-haas/roman-text-55.woff2) format("woff2") 。 我在我的 Flask 应用程序的主目录中创建了一个fonts目录并将这些 fonts 复制到其中。 为什么 Flask 应用程序找不到这些 fonts？

这是我的base.html模板：

<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">
        <title><*some title*></title>
        <!-- Bootstrap core CSS -->
        <link href="{{url_for('static', filename='bootstrap.min.css')}}" rel="stylesheet">
        <link href="{{url_for('static', filename='<*custom-bootstrap-extension-name*>.min.css')}}" rel="stylesheet">
<!  This part I added in response to Jason's comment -->
        <style>
            @font-face {
               font-family: "FontAwesome";
               src: url("/static/fontawesome-webfont.woff2?v=4.7.0");
           }
        </style>
    </head>

    <body class="container">
        
        {{ header | safe }}
        {% block content %}{% endblock %}
        {{ footer | safe }}

    </body>

    <script src="{{url_for('static', filename='jquery.min.js')}}"></script>
    <script src="{{url_for('static', filename='bootstrap.min.js')}}"></script>
    <script src="{{url_for('static', filename='<*custom-bootstrap-extension-name*>.min.js')}}"></script>

</html>

Answer 1

这对我有用：

@font-face {
    font-family: "FontAwesome";
    src: url("/static/fonts/fontawesome-webfont.woff2");
}

我为每种未加载的字体添加了其中一个。

如何使用 Python Flask 加载共享的 static 文件？

问题描述

1 个解决方案

解决方案1
0 2021-05-17 17:07:46

如何使用 Python Flask 加载共享的 static 文件？

问题描述

1 个解决方案

解决方案1 0 2021-05-17 17:07:46

解决方案1
0 2021-05-17 17:07:46