CSS отображается на локальном компьютере, но не отображается на Heroku (Python, Django)

Я создал сайт, используя стилистику bootstrap, а также таблицу стилей для других изменений, которые я хочу внести по ходу дела.

У меня он отображается определенным образом на моей локальной машине, но я не могу заставить его отображаться на моем сайте.

Есть ли что-то, что мне нужно добавить в файл settings.py, чтобы узнать, что он должен читать статический css-файл?

Correct styling image on local

Online Heroku styling

Вот мой html файл для этого:

{% load static %}

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title> Insure Need </title>
    {% bootstrap_css %}
    {% bootstrap_javascript jquery='full' %}
    <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">

</head>
<body>
    <nav class="navbar navbar-expand-md navbar-light bg-light mb-4 border">

        <a class="navbar-brand" href="{% url 'website:welcome' %}">InsureNeed</a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'website:insureNeeds' %}">InsureNeed</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'website:learn' %}">Learn</a>
                </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'website:contact' %}">Contact</a>
                    </li>
            </ul>
        </div>


    </nav>
<main role="main" class="container">
    <div class="pb-2 mb-2 border-bottom">
        {% block page_header %}{% endblock page_header %}
    </div>
    <div>
        {% block content %}{% endblock content %}
    </div>
</main>
<!--{% include 'website/footer.html' %}-->
</body>

</html>



    I also have this is my settings.py file:
    
    STATIC_URL = 'static/'
    
    STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'),]

Готов отредактировать и предоставить другую необходимую информацию. Спасибо, Хайден

Пробовал: git init git commit -am "message" git push origin master git status git pull origin master

Как вы можете видеть в этой статье, вы должны использовать WhiteNoice для обслуживания statc файлов.

Сначала установите WhiteNoise

pip install whitenoise

в вашем settings.py после SecurityMiddleware добавьте whitenoise.middleware.WhiteNoiseMiddleware

MIDDLEWARE = [
    # ...
    "django.middleware.security.SecurityMiddleware",
    "whitenoise.middleware.WhiteNoiseMiddleware",
    #...
]

и если вам нужны файлы с вечным кэшированием, вы можете добавить в settings.py

STATICFILES_STORAGE = "whitenoise.storage.CompressedManifestStaticFilesStorage"
Вернуться на верх