Как с помощью fetch сделать запрос на сторонний сайт?

Question

[kondratev-ad]

В моем Django приложении есть страница:

<iframe></iframe>
  <script type="text/javascript">
    async function getSrc() {
      const res = await fetch("https://google.com", {
        method: 'GET',
        headers: {
          "Access-Control-Allow-Origin": "*",
          "Content-Type": "application/json",
        }
      });
      const blob = await res.blob();
      const urlObject = URL.createObjectURL(blob);
      document.querySelector('iframe').setAttribute("src", urlObject)
    }
    getSrc();
</script>

Проблема в том, что await fetch работает только на эндпоиты Django приложения, а мне нужно сделать запрос на сторонний сайт.

Comments

[Александр Нестеров]

Каким образом Django относится к вопросу?
Запрос делается с помощью JS и на сторонний сервис, специфики указанного фреймворка в вопросе нет.

[kondratev-ad]

Александр Нестеров, я почему то подумал что именно Django не дает сделать запрос, так как без http:// скрипт отрабатывает и делает запрос на эндпоинт /google.com

Answer 1

[zkrvndm]

Такой запрос (на сторонний сайт) возможен только если этот самый сторонний сайт разрешил делать запросы. Если же такого разрешения нет, то единственный способ достучаться до него, это через свой бэк, т. е. ваш сервер за место браузера делает запрос и отдает результат в браузер.

Подробнее про CORS вот тут:
https://learn.javascript.ru/fetch-crossorigin