Vue.js are not displaying images from Django media folder

So, i have up and running Django server on localhost. There's is a Vue page, whick is authorized and able to fetch models data. If i inspect page, i see that img element have correctly resolved URL, and image exsists and can be loaded.

But I got this: As you can see, other model parameters (such as name and price) can be loaded.

Here's how I loading img.

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

I've checked media folder paths, and believe they are correct

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

Also, if I am able to load image by the link gotten via page inspection, why can't it be loaded on page itself?

Back to Top