Связываю изображения с других сайтов в тегах <img> с URL, возвращаемыми из моего Django API. Является ли это устойчивым подходом для производства?

Столкнусь ли я с ошибкой CORS, если использую свой API для возврата url изображения с другого сайта, которое я устанавливаю в тег с атрибутом src?

У меня есть API, написанный на Django, который имеет модель со ссылками на постеры фильмов, которые размещены на сайте: m.media-amazon.com, например:

https://m.media-amazon.com/images/M/MV5BNjM0NTc0NzItM2FlYS00YzEwLWE0YmUtNTA2ZWIzODc2OTgxXkEyXkFqcGdeQXVyNTgwNzIyNzg@._V1_SX300.jpg

На моем текущем сервере разработки у меня есть файл JavaScript, который делает запрос к конечной точке, которая возвращает этот url, который я затем устанавливаю в тег img с атрибутом src. Это отображается в браузере, но столкнусь ли я с проблемами в производстве? Является ли такой подход устойчивым?

вот мой js код:

async function getMovieUrl() {
    try {
        const response = await fetch('/posterurl/',
        {
            method: 'GET'
        });

        const urldata = await response.json()

        var url = document.getElementById("posterurl")
        url.src = urldata['url']
    } catch(error) {
        console.error(error)
    }
}

вот мой код API:

@api_view(['GET'])
def poster_url(request):
    context = {'url': url from above}
    return Response(context)

и в настоящее время я могу видеть изображение в браузере при нажатии:

<button onclick="getMovieUrl()">Movie URL</button>

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