调用GET HTTP时android上的ionic3错误

Question

在 Ionic3 中，我安装了 import { HttpClientModule } from '@angular/common/http';，并在我的代码中尝试调用以下 url：

testHTTP(){
this.httpClient.get("https://api.upcitemdb.com/prod/trial/lookup?upc=5425016921463").subscribe(
  data => {
    console.log('Data : ', data);
    this.lookup = data["items"][0].title;
  }, err => {
    console.log('Error : ', err);
    this.lookup = JSON.stringify(err);
});
}

但每次失败时：

{"headers":{"normalizedNames":{},"lazyUpdate":null,"headers":{}},"status":0,"statusText":"Unknown Error","url":null ,"ok":false,"name":"HttpErrorResponse","message":"（未知 url）的 Http 失败响应：0 未知错误","error":{"isTrusted":true}}

当我单击Chrome 上调用 testHTTP 的按钮时，我收到此对象的 CORS 错误（但我可以停用 CORS 并获得真正的响应）。

请问您如何设置 ionic http 以便开始工作？

Answer 1

您应该使用 XMLHttpRequest。并且不要忘记标题。

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.upcitemdb.com/prod/trial/lookup?upc=5425016921463", true);

//Really important to set this header
xhr.setRequestHeader("Access-Control-Allow-Origin","http://localhost:8100"); 

xhr.onreadystatechange = function() {
   if(xhr.readyState == xhr.DONE) {
  let ResponseFromRequest = xhr.response //Response from your request   
}

}

xhr.send(null);