Css 链接但在我的 django 网站中不起作用答案

【问题标题】：Css linked but doesn't work in my django websiteCss 链接但在我的 django 网站中不起作用
【发布时间】：2021-03-09 18:58:45
【问题描述】：

一切正常，我没有发现任何错误信息。但我的网站无法加载 css 文件。在设置中，调试为 True。但我没有发现任何错误。请帮我找出错误。

base.html

<!DOCTYPE html>
{% load static %}
<html lang="en">
  <head>
    <link href="{% static 'vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'assets/css/fontawesome.css' %}">
    <link rel="stylesheet" href="{% static 'assets/css/tooplate-main.css' %}">
    <link rel="stylesheet" href="{% static 'assets/css/owl.css' %}">

  </head>
  <body>
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top">
      <div class="container">
        <a class="navbar-brand" href="#"><img src="{% static 'assets/images/header-logo.png' %}" alt=""></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item active">
              <a class="nav-link" href="index.html">Home
                <span class="sr-only">(current)</span>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="products.html">Products</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="about.html">About Us</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="contact.html">Contact Us</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

{% block content %}
{% endblock %}

    <script src="{% static 'vendor/jquery/jquery.min.js' %}"></script>
    <script src="{% static 'vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
    <script src="{% static 'assets/js/custom.js' %}"></script>
    <script src="{% static 'assets/js/owl.js' %}"></script>
  </body>
</html>

home.html

    {% extends 'base.html' %}
    {% load static %}
    {% block content %}

{% endblock %}

提前致谢

【问题讨论】：

您确定静态文件存在于指定路径吗？您可以通过检查生成的html页面并从那里打开css url来确认。
其中哪些无法加载？尝试抓取任何损坏的 url，在单独的选项卡中手动打开它，http 响应状态是什么？并显示您的静态文件夹结构。
你的设置中有这个 STATIC_URL = '/static/' 吗？另外，您的静态文件是否位于应用根目录下名为 static 的文件夹中？
@PeterNdungu，是的，在设置中有 STATIC_URL = '/static/'。所有的静态文件都在一个名称为静态的文件夹中。
我假设您正在使用开发设置，DEBUG = True，如果此django.contrib.staticfiles 在您安装的应用程序中，则设置了 static_url，静态文件位于根目录下名为 static 的文件夹中在您的应用程序和模板中 {% load static %} 应该提供静态文件。如果您有多个静态文件位置，请探索STATICFILES_DIRS

标签： django django-staticfiles

【解决方案1】：

在settings.py 文件中添加STATIC_URL = '/static/'。它应该看起来像这样：

# Internationalization
# https://docs.djangoproject.com/en/3.0/topics/i18n/

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.0/howto/static-files/

STATIC_URL = '/static/'

【讨论】：