Question

首先，请原谅我的头衔，但我的问题很具体，我找不到更好的头衔。因此，我目前正在使用Django和Bootstrap开发网站。因为我是初学者，所以我用引导程序购买了其他人开发的设计，并根据自己的需要进行了调整。

这是有问题的HTML模板的完整代码：

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

<body class="bg-white">
  <div class="container-fluid">
     <div class="row no-gutter">
        <div class="d-none d-md-flex col-md-4 col-lg-6 bg-image"> </div>
        <div class="col-md-8 col-lg-6">
           <div class="login d-flex align-items-center py-5">
              <div class="container">
                 <div class="row">
                    <div class="col-md-9 col-lg-8 mx-auto pl-5 pr-5">
                       <h3 class="login-heading mb-4">Bienvenue !</h3>
                       <form>
                          <div class="form-label-group">
                             <input type="email" id="inputEmail" class="form-control" placeholder="Email address">
                             <label for="inputEmail">Identifiant</label>
                          </div>
                          <div class="form-label-group">
                             <input type="password" id="inputPassword" class="form-control" placeholder="Password">
                             <label for="inputPassword">Mot de passe</label>
                          </div>
                          <div class="custom-control custom-checkbox mb-3">
                             <input type="checkbox" class="custom-control-input" id="customCheck1">
                             <label class="custom-control-label" for="customCheck1">Se souvenir de moi</label>
                          </div>
                          <a href="{% url 'home' %}" class="btn btn-lg btn-outline-primary btn-block btn-login text-uppercase font-weight-bold mb-2">Connexion</a>
                          <div class="text-center pt-3">
                             Vous n'avez pas encore de compte ? <a class="font-weight-bold" href="{% url 'inscription' %}">Inscrivez-vous</a>
                          </div>
                       </form>
                    </div>
                 </div>
              </div>
           </div>
        </div>
     </div>
  </div>
  <!-- jQuery -->
  <script src="{% static 'vendor/jquery/jquery-3.3.1.slim.min.js' %}" type="text/javascript"></script>
  <!-- Bootstrap core JavaScript-->
  <script src="{% static 'vendor/bootstrap/js/bootstrap.bundle.min.js' %}" type="text/javascript"></script>
  <!-- Select2 JavaScript-->
  <script src="{% static 'vendor/select2/js/select2.min.js' %}" type="text/javascript"></script>
  <!-- Custom scripts for all pages-->
  <script src="{% static 'js/custom.js' %}" type="text/javascript"></script>
</body>

{% endblock %}

在这一行<div class="d-none d-md-flex col-md-4 col-lg-6 bg-image"> </div>中，我试图显示图像。

这是相关的CSS代码（osahan.css）：

.bg-image {
    background-image: url('../media/img_connexion.jpg');
    background-size: cover;
    background-position: center;
}

在他开始的时候，代码是background-image: url('../img/login-bg.png');我显然用我的那一行替换了，以便显示我想要的图像。问题是，当我尝试加载网页时，出现错误"GET /static/img/login-bg.png HTTP/1.1" 404 1672，并且图像不显示。我不知道此GET请求来自何处，因为要求login-bg图像的行不再存在。我对整个项目中的“ login-bg”一词进行了研究，但似乎无处可寻。有人可以向我解释为什么我的图像不显示以及该请求来自何处吗？预先谢谢您！

注意：我试图使用<img>标签直接在html文件中显示图像，并且显示了图像，因此文件路径或类似内容不是问题。但是我想使用由网页设计师开发的结构，因为它可以使图像完美地适应我想要的方式。

编辑：我使用chrome inspector查找了请求的来源，这就是我所拥有的：一般Request URL: http://localhost:8000/static/img/login-bg.png Request Method: GET Status Code: 404 Not Found Remote Address: 127.0.0.1:8000 Referrer Policy: no-referrer-when-downgrade7

响应头Connection: close Content-Type: text/html Date: Sat, 21 Dec 2019 17:05:47 GMT Server: WSGIServer/0.2 CPython/3.6.2 Transfer-Encoding: chunked

请求标头Accept: image/webp,image/apng,image/*,*/*;q=0.8 Accept-Encoding: gzip, deflate, br Accept-Language: fr-FR,fr;q=0.9,en-US;q=0.8,en;q=0.7 Connection: keep-alive Cookie: csrftoken=jXtF8NkGf05cWF3HQiTEgZ8dhjUBwHLc0SB3PjGM5viEzoH7ewi8WFWWZkL4N9Wu Host: localhost:8000 Referer: http://localhost:8000/static/css/osahan.css Sec-Fetch-Mode: no-cors Sec-Fetch-Site: same-origin User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36

我猜这是在告诉我osahan.css文件是负责此请求的文件，但就像我说的那样，该文件中没有地方出现术语login-bg，所以我仍然对问题感到困惑。

EDIT2：由于无法找到请求的发送来源，因此我尝试将映像重命名为“ login-bg”，并将其放置在请求所在的文件夹中。可以正常工作，并且图像显示正确。但是后来我删除了该图像，即使它不再存在，网站仍在显示它。我显然已经关闭并重新加载所有内容，并且仍在显示图像...我现在完全迷失了，我真的不知道所有这些都是怎么可能的

GET请求无处出现

0 个答案: