ionic-framework - ionic3 Http failure response for (unknown url): 0 Unknown Error for android and ios build ，这适用于“离子服务”

Question

如果 ionic3.x 构建，如何解决从 android 和 ios 构建请求的跨源请求的问题。我可以使用浏览器中的 ionic serve 访问相同的 en 点，但是当我尝试进行生产构建并访问端点时，我收到了上述错误。

我什至尝试了 ssl 服务器测试检查，我得到这个“评估失败：不支持安全协议”。我不知道如何解决这个问题。有没有人面临同样的问题？或者知道如何解决这个问题.....

我已经进口了

import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';

并设置标题

   headers = new HttpHeaders().set('Content-Type', "application/json");


 return new Promise((resolve, reject) => {
                this.http.post(TASK.BASEURL + task, requestData, { headers: headers, params: extraParams })
                  .map(res => res)
                  .subscribe(response => {
                    resolve(response);
                  }, error => {
                    reject(error)
                  });
              });

---------------------------------错误日志 ------------- --------------------

11-27 18:09:55.919 5813-10986/? D/NetworkSecurityConfig：使用资源 network_security_config debugBuild 中的网络安全配置：false 11-27 18:09:55.985 10808-10808/io.ionic.starter D/SystemWebChromeClient：http://localhost:8080/#/login：第 0 行：从源“ http://localhost:8080 ”访问“ http://www.xxxxxxxxxxxxx.com/api/login ”处的 XMLHttpRequest已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：重定向不允许用于预检请求。11-27 18:09:55.985 10808-10808/io.ionic.starter I/chromium: [INFO:CONSOLE(0)] "从' http://www.xxxxxxxxxxxxx.com/api/login '访问 XMLHttpRequest来源 ' http://localhost:8080' 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：预检请求不允许重定向。”，来源：http://localhost:8080/#/login(0) 11-27 18:09:56.454 7163-7182/? I/Finsky：[1422] com.google.android.finsky.bp.an.run(6)：执行器的统计信息：BlockingExecutor com.google.android.finsky.bp.ao@afe5f2f [运行，池大小 = 0，活动线程 = 0，排队任务 = 0，已完成任务 = 7] [1422] com.google.android.finsky.bp.an.run(6)：执行器的统计信息：LightweightExecutor com.google.android.finsky.bp。 ao@ca9093c[正在运行，池大小 = 4，活动线程 = 0，排队任务 = 0，已完成任务 = 55] 11-27 18:09:56.500 7163-7182/？I/Finsky：[1422] com.google.android.finsky.bp.an.run(6)：执行器的统计数据：bgExecutor com.google.android.finsky.bp.ao@53166c5[运行，池大小 = 4，活动线程 = 0，排队任务 = 0，已完成任务 = 9]

标签： ionic-frameworkionic3angular-httpclient

Answer 1

这是正确的方法

import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';




sendPostRequest(){

const httpOptions = {
  headers: new HttpHeaders({
    "Content-Type": "application/json"
  }), 
  params: extraParams
}; 

return this.http.post("url", bodydata); 
              
}



//call method 
callPostmethod(){
sendPostRequest.subscribe((response)=>{
//success
console.log("success"+JSON.stringify(response)); 
}, (error)=>{
//error
console.log("erorr"+JSON.stringify(error)); 
})
}