Связываю изображения с других сайтов в тегах <img> с URL, возвращаемыми из моего Django API. Является ли это устойчивым подходом для производства?
Столкнусь ли я с ошибкой CORS, если использую свой API для возврата url изображения с другого сайта, которое я устанавливаю в тег с атрибутом src?
У меня есть API, написанный на Django, который имеет модель со ссылками на постеры фильмов, которые размещены на сайте: m.media-amazon.com, например:
На моем текущем сервере разработки у меня есть файл 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>