Question

我正在开发Flask应用程序。我写了一个小程序，它有一个html文件和一个css文件。我从Font-Awesome那里拿了css。当我在PyCharm上运行程序时，一切正常，但当我从终端使用flask run时，在加载页面时，得到此错误： GET http://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/fontawesome-all.min.css 403 (Forbidden)

当我尝试找到错误时，它告诉我它在这一行： <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/fontawesome-all.min.css" rel="stylesheet">

我的html文件就是这个：

{% extends "bootstrap/base.html" %}
{% block title %}Index Page{% endblock %}

{% block styles %}
{{super()}}
    <link rel="stylesheet" href="/static/style.css">
    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
    <link rel="stylesheet" href="/static/fontawesome-all.min.css">
    <link rel="stylesheet" href="/static/fontawesome-all.css">
{% endblock %}

{% block content %}
    <body background="/static/kitchen_black.jpg" style="background-size: cover">
        <div class="container" style="text-align: center">
            <h1 style="color: white"><i class="fas fa-utensils"></i><br>
                  Hello, KiMa is here to help you!
            </h1>

            <div class="panel-body">
                <button class="button button1">
                    <a href="{{ url_for('allrecipes') }}" style="color: black">
                          Display all the Recipes</a>
                </button>
            </div>
            <div class="panel-body">
                <button class="button button1">
                    <a href="{{ url_for('ingredients') }}" style="color: black">
                      Insert your Ingredients</a>
                </button>
            </div>
        </div>
    </body>

{% endblock %}

当然我把css文件放在静态文件夹中我不知道它是什么

编辑：

我也尝试将url_for用于font-awesome.css但没有好结果。我也试图为cdn包含不同的href，但我再次在这些行上收到错误。我也删除了.css href，再次，从PyCharm一切顺利和清晰，但如果我从终端运行它同样的错误，即使我不包括字体 - 真棒css

加载css

0 个答案: