Django静态文件图片导入模板404错误

Django static file image into template 404 error

我正在尝试将图片加载到 Django 3.1 模板中。我按照 https://docs.djangoproject.com/en/3.0/howto/static-files/ 上的文档并在其他地方寻找答案,但无法解决问题。

以下是我认为相关的所有代码:

来自 settings.py

INSTALLED_APPS = [
'memberships.apps.MembershipsConfig',
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
]


STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
'/var/www/static/',
]

来自 url.py

urlpatterns = [
path('', views.index, name='index'),
path('memberships/', include('memberships.urls')),
path('admin/', admin.site.urls),
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

并来自模板文件:

{% load static %}
...
<img src="{% static 'static/dribblz/images/multicolored-soccer-ball-on-green-field-47730.png' %}" alt="Football on the pitch">

我的文件结构如下:

运球/

-> dribblz/

--> settings.py

--> url.py

--> views.py

->static/dribblz/images/image.png

->templates/home.html

我不知道我还能提供哪些可能有用的其他信息。 提前致谢。

static 已经将 /static 添加到生成的 url,

因此您无需再次添加:{% static 'dribblz/images/multicolored-soccer-ball-on-green-field-47730.png' %}