Dimski
@Dimski
Программирование - мое хобби

CORS блокирует все запросы Angular. Как исправить?

Доброго времени суток!

Столкнулся с очень странной проблемой, на банально простые запросы браузер стал их все блокировать.
Высылаю запрос:
this.http.get('http://localhost:3000')
      .subscribe(res => console.log(res))


Получаю ошибку:
Access to XMLHttpRequest at 'localhost:3000' from origin 'localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Даже если добалю заголовок:
this.http.get('http://localhost:3000', {
      headers: {
        'Access-Control-Allow-Origin': '*'
      }
    })
      .subscribe(res => console.log(res))


Или таким образом:
this.http.get('http://localhost:3000', {
      headers: new HttpHeaders({
        'Access-Control-Allow-Origin': '*'
      })
    })
      .subscribe(res => console.log(res))


Получаю ошибку:
Access to XMLHttpRequest at 'localhost:3000' from origin 'localhost:4200' 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.

Я просто не могу понять от куда она может взяться и как ее решить, ведь в других проектах все работало.

Прошу помочь с этой ересью.
  • Вопрос задан
  • 192 просмотра
Решения вопроса 1
Вы шлете запрос с localhost:4200 на localhost:3000 для того, чтобы менеджить такие запросы сервер должен поддерживать CORS, очевидно у вас не поддерживает.
Очень плохо не знать матчасть
https://developer.mozilla.org/en-US/docs/Web/Secur...

Попробуйте настройть прокси у ng cli
https://juristr.com/blog/2016/11/configure-proxy-a...
https://github.com/angular/angular-cli/pull/1896
https://itnext.io/angular-cli-proxy-configuration-...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы