Как добавить отсутствующий CORS-заголовок 'Access-Control-Allow-Origin'?

Я хочу получить изображение в кодировке base64 из другого домена. Я включил CORS на бэкенде, но получаю ошибку:

Cross-Origin Request Blocked: Политика одинакового происхождения запрещает чтение удаленного ресурса по адресу https://codedecoder.pythonanywhere.com/media/embed/2021/10/07/temp.jpg. (Причина: CORS-заголовок 'Access-Control-Allow-Origin' отсутствует)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<img id="datadiv"></img>

var src = 'https://codedecoder.pythonanywhere.com/media/embed/2021/10/07/temp.jpg'

$.ajax({
  type: "GET",
  url: `https://codedecoder.pythonanywhere.com${src}`,
  crossDomain: true,
  success: function(dayta) {
    console.log(dayta);
    $('#datadiv')[0].src = dayta;
  },
})

Вы устанавливаете CORS-заголовки на стороне сервера. Это не проблема клиентской стороны. Но для целей разработки вы можете использовать расширение CORS в Chrome. Поищите его в магазине расширений Chrome.

Для Django, проверьте пакет django-cors-headers:

https://github.com/adamchainz/django-cors-headers

Поддерживается членом технической команды Django Software Foundation.

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