Почему Джанго не подгружает картинку в CSS и браузер выдает ошибку 404?

Question

[dimagerchikov]

В моем Джанго-проекте столкнулся с проблемой: картинка из стиля CSS не подгружается и браузер выдает ошибку 404. Делаю все по документации. В папке settings прописываю путь для собрания файлов из папки static:

<code>STATIC_URL = "/static/"
STATICFILES_DIRS = [BASE_DIR / 'main' / 'static']</code>

Скриншот фрагмента кода удалён модератором.

Добавляю в url urlpatterns:

urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

if settings.DEBUG:
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

Скриншот фрагмента кода удалён модератором.

Далее в папке static создаю папку images, куда добавляю фото 000.jpg. Честно говоря, делаю это просто вручную. То есть открываю папку проекта на диске и добавляю прямо в него, то есть не в среде PyCharm, в которой работаю, а просто через папку проекта на диске. Но почему-то само название фото становится красным, как будто что-то не так. Может быть тут ошибка? И надо как-то по-другом грузить фото?



Далее создаю стиль .contact-container в css, который сам лежит в папке css в папке static. Это видно на верхнем скриншоте.

.contact-container {
  background-image: url('static/images/000.jpg');
  background-attachment: fixed;
  background-size: cover;
}

Когда запускаю сервер и открываю браузер фон не появляется, а веб-инсспектор показывает ошибку 404. Почему-то в веб-инспекторе имя файла значится как aaa.jpg, хотя это старое его название. Я пересаливал фото, менял названия, клал его в разные папки, но в инспекторе всегда это старое название, а новых фото он вообще не находит, хотя в пути в стиле contact-container именно они прописаны, а не aaa.jpg.

Comments

[Егор Вавилов]

Название файла становится красным, так как он не добавлен в git.
git add уберёт красный цвет, но это на проблему не повлияет.

[Модератор]

Нарушение п.3.8 Регламента. Скриншоты фрагментов кода запрещены.

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента.

Answer 1

[hexbat]

В css прописан файл 000.jpg, а на скриншоте aaa.jpg.
Попробуйте добавить слеш в начале пути в css