Невозможно выполнить HTTP-запрос с cookie в Ionic

Question

Я столкнулся с некоторыми проблемами при выполнении операции HTTP get с сервером в моем приложении Ionic 4.Это метод, который я использую для выполнения HTTP-запроса:

    getRank(){
      let headers = { headers:  this.authenticationService.getHeadersToken(), withCredentials : true};
      return this.http.get<RankRowsResponse>(this.env.API_URL + 'classificajson.php', headers);
   }

И метод, который возвращает токен заголовков:

 getHeadersToken(){
    var headers = new HttpHeaders();
    headers.append('Access-Control-Allow-Origin' , '*');
    headers.append('Access-Control-Allow-Credentials', "true");
    headers.append('Access-Control-Allow-Methods', 'POST, GET, OPTIONS, PUT');
    headers.append('Accept','application/json');
    headers.append('Content-Type','application/json');
    console.log('PHPSESSID='+this.token.toString());
    headers.append('cookie','PHPSESSID='+this.token.toString());
    return headers;
  }

Когда я вызываю метод getRank (), GoogleChrome выводит эту ошибку:

Доступ к XMLHttpRequest в 'https://www.fantacalciopizza.it/php/classificajson.php' из источника' http://localhost:8102' заблокирован политикой CORS

Я установил Chrome Extensions для CORS, но ошибка все еще присутствует;Как я могу сделать?Где я не прав с запросом?

Answer 1

Во-первых, вам нужно понять, что означает CORS.

Вы можете начать с прочтения этого: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

Вероятно, домен, который вы обслуживаете для своего углового приложения, и домен, который вызапрашивают разные.

В этом случае вам необходимо настроить свой внутренний сервер так, чтобы он разрешал вашему угловому домену отправлять запросы.

Так что это не проблема для Ionic или Angular., но это больше проблема вашей конфигурации бэкэнда.

Answer 2

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