Vue.js не отображает изображения из папки Django media

Итак, у меня есть запущенный Django сервер на localhost. Есть страница Vue, которая авторизована и может получать данные модели. Если я просмотрю страницу, я увижу, что элемент img имеет правильно разрешенный URL, и изображение существует и может быть загружено.

Но я получил следующее: Как вы можете видеть, другие параметры модели (такие как название и цена) могут быть загружены.

Вот как я загружаю img.

<figure class="image mb-4">
            <img v-bind:src="product.get_thumbnail" />
</figure>

Я проверил пути к папкам мультимедиа и считаю, что они верны

MEDIA_URL = '/media/'
MEDIA_ROOT = BASE_DIR / 'media/'

Также, если я могу загрузить изображение по ссылке, полученной через проверку страницы, почему оно не может быть загружено на самой странице?

Вернуться на верх