Как обойти блокировку blocked by CORS policy?

Question

[Stepan007]

При попытке получить данные через fetch, выдает такую ошибку
Хотя, если ссылку просто вставить в браузер, она вернет результат

from origin 'http://localhost:8060' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

const request = await fetch(api, {
      method: 'POST',
      headers: {
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Credentials': 'true',
   },
});

При попытке выставить mode: 'no-cors' возвращает странный объект, а не ответ от апи

Comments

[Lynn «Кофеман»]

Если сервер не ваш то никак.
В этом и смысл CORS.

[Lynn «Кофеман»]

А заголовки Access-Control-* должен ставить сервер, а не клиент.

Answer 1

[Pavel Shvedov]

Как вариант можешь делать запрос на свой бэкенд, а на бэке уже делать запрос на другой сервер, потом возвращать ответ обратно со своего бэка в браузер