如何解决真实设备中的CORS问题?

时间:2018-09-25 18:53:08

标签: angular api ionic-framework cors ionic4

我正在使用Ionic开发一个Android应用程序。我将某些API称为数据提供者。在调用API时,即使在实际设备上也遇到了CORS错误,我们已经使用了代理。添加代理API后,可以在Web浏览器上正常工作,但不能在真实设备上正常工作。

"proxies": [{
"path": "/api",
"proxyUrl": "http://192.168.43.221:9090/api"
}]
  

现在这将我的来源更改为localhost:8080,例如URL http://192.168.43.221:9090/api/getvisitorcount转换为    http://localhost:8080/api/getvisitorcount

1 个答案:

答案 0 :(得分:0)

Remember Ionic仅用于client side的编程,cors中间件的配置在server side上建立,并取决于要使用的语言,框架,库等。

在您的http通话中,您只能添加某些选项,例如 headers

const headers = new Headers({
  'Content-Type': 'application/json',
  'Authorization': token
});
const options = new RequestOptions({
  headers: headers
});
this.http.post(url, query, options).subscribe(response => {
  console.log(response);
})