Почему я не вижу изображения?

Question

имя проекта: имя
приложения mypage: база
данных hoge: sqlite3

Хм, я смог загрузить изображение.
'моя страница/медиа/загрузки'

      (models.py)
class Staff(models.Model):
    """shop staff"""
    name = models.CharField('display_name', max_length=50)
    user = models.ForeignKey(get_user_model(), on_delete=models.CASCADE)
    store = models.ForeignKey(Store, verbose_name='shop', on_delete=models.CASCADE)
    # it mean localhost/media/uploads/
    image = models.ImageField(upload_to='uploads/', null=True, blank=True)

    class Meta:
        constraints = [
            models.UniqueConstraint(fields=['user', 'store'], name='unique_staff'),
        ]

    def __str__(self):
        return f'{self.store.name} - {self.name}'

      (settings.py)
  :
STATIC_URL = '/static/'
MEDIA_ROOT = BASE_DIR / 'media/'
MEDIA_URL = '/media/'

      (urls.py)
from django.urls import path
from . import views
from django.conf import settings
from django.conf.urls.static import static

app_name = 'booking'

urlpatterns = [
    path('', views.StoreList.as_view(), name='store_list'),
    path('store/<int:pk>/staffs/', views.StaffList.as_view(), name='staff_list'),
    path('staff/<int:pk>/calendar/', views.StaffCalendar.as_view(), name='calendar'),
    path('staff/<int:pk>/calendar/<int:year>/<int:month>/<int:day>/', views.StaffCalendar.as_view(), name='calendar'),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

могу загрузить.

Я могу зарегистрироваться на sqlite3

Пытаюсь загрузить картинку.

      (calendar.html)
{% extends 'hoge/base.html' %}

{% block content %}

    <h1>{{ staff.store.name }}店 {{ staff.name }}</h1>
    <img src="{{ staff.image.url }}" alt="missing image">
       :

      (console)
mypage> python manage.py runserver
  [12/Feb/2022 19:20:49] "GET /booking/staff/1/calendar/ HTTP/1.1" 200 13998
  Not Found: /media/uploads/photo.png
  [12/Feb/2022 19:20:49] "GET /media/uploads/photo.png HTTP/1.1" 404 2254

Я могу отображать страницу календаря, но ничего не изображение

Путь вроде совпадает.

Фактическое изображение находится в "http://127.0.0.1:8000/booking/media/uploads/photo.png"
Не нужно "/booking"
Каков мой пробел в восприятии? У меня голова устала...
Исходники на github.

Answer 1

Проблема в конфигурации URL-адресов, удалите эту строку кода

+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)из hoge.urls и поместите это в URL-адреса конфигурации

В ваших исходных настройках вы включили hogeURL-адреса приложений под booking/конечная точка, поэтому URL-адреса ваших изображений прикреплены к booking/.

Обновите URL-адреса следующим образом.

      #config.urls.py 
from django.contrib import admin
from django.urls import path, include
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    path('admin/', admin.site.urls),
    path('booking/', include('hoge.urls'))
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

А также

      #hoge.urls.py 
from django.urls import path
from . import views


app_name = 'booking'

urlpatterns = [
    path('', views.StoreList.as_view(), name='store_list'),
    path('store/<int:pk>/staffs/', views.StaffList.as_view(), name='staff_list'),
    path('staff/<int:pk>/calendar/', views.StaffCalendar.as_view(), name='calendar'),
    path('staff/<int:pk>/calendar/<int:year>/<int:month>/<int:day>/', views.StaffCalendar.as_view(), name='calendar'),
] 

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