Ionic Ajax/CORS Problem nach Build

Question

Ich verwende ionic 3 und schreibe einige Provider-Code, um das Ergebnis von api Endpunkt, der in einigen HTTPS-Server ist zum Beispiel https://apiserver/api/endpoint/article ist mein Endpunkt. Mein Anbietercode ist unten. auch

// provider class function 
load(){ 

    if(this.data){ 
     return Promise.resolve(this.data); 
    } 

    let headers = new HttpHeaders() 
     .set("Access-Control-Allow-Origin", "*") 
     .set('Access-Control-Allow-Methods', 'GET, POST') 
     .set("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); 

    return new Promise(resolve => { 
     this.http.get('/api/endpoint/article',{headers}) 
     .subscribe(data => { 
      this.data = data; 
      resolve(this.data); 
     },err => { 
      console.log(err); 
     }); 
    }); 
    } 


// ionic.config.json 
{ 
    "name": "app", 
    "app_id": "app_id", 
    "type": "ionic-angular", 
    "integrations": { 
    "cordova": {} 
    }, 
    "proxies": [ 
    { 
     "path": "/api", 
     "proxyUrl": "https://apiserver/api" 
    } 
    ] 
} 

Last() gibt mir Daten, die ich in meiner app zeigen, ist diese Arbeit PERFEKT in meinem localhost, Ionic DevApp, Ionic-Ansicht, wenn sie durch Ios/Xcode Emulator debuggen.

aber wenn ich meine app auf dem Handy installieren, gibt es keine Daten zurück und zeigen Sie mir leere Seite.

Ich habe Debug es ganze Wette hat keinen Grund zu diesem Verhalten gefunden. kann CORS sein?

Answer 1

Wenn Sie eine App erstellen, müssen Sie den echten Endpunkt verwenden. Ionic Proxy funktioniert nur zum Debuggen (dh wenn Sie ionic cordova run ios -l verwenden).

Also, das

this.http.get('/api/endpoint/article',{headers}) 

wird

this.http.get('https://apiserver/api/endpoint/article',{headers})