Ошибка CORS на Angular 7 с Flask интеграциями API - PullRequest
Новая
       33

Ошибка CORS на Angular 7 с Flask интеграциями API

0 голосов
/ 29 апреля 2020

Я пытаюсь интегрировать API из Flask бэкэнда в мой Angular интерфейс. Но запросы были заблокированы моим браузером, показывая следующее сообщение об ошибке. 

Access to XMLHttpRequest at 'http://localhost:4000/api/v1/common/countries' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.
    zone.js:3243 GET http://localhost:4000/api/v1/common/countries net::ERR_FAILED

Я использую плагин flask-cors для управления своими cors, но он не работает.

app = Flask ( name ) CORS (приложение)

используется на моей фабрике приложений. В моем коде angular я вызываю этот API следующим образом. В моем сервисе: 

getListOfCountries():Observable<countries[]> {
            let options = {headers: new HttpHeaders({'Content-Type': 'application/json', 'accept':'application/json'})};
            return this.http.get<countries[]>(environment.serverUrl + "/api/v1/common/countries", options);
        }

В моем компоненте: 

this.common.getListOfCountries().subscribe(countries=>{
      console.log(countries)
    }, error=>{
      this.snackBar.open(error.statusText, "Dismiss" ,{
        duration: 3000
      });
    })

Я получаю Access-Control-Allow- Происхождение → * при вызове моего API. Я попробовал следующие исправления от сообщества, но не сработало.

  1. Переустановка Flask_CORS

  2. Добавлен proxy.conf. json в сборке Angular.

    Что я делаю не так, что мой браузер кричит на меня Пожалуйста, предложите исправление.

...