La cosa che devo fare è semplicissima devo agganciare dei dati ("Osservabili") da un file php (==> http://businessschool.altervista.org/ionic1.php, formato di scambio json) e gestirli in una applicazione ionic (Angular).
Ho una home.html:
<ion-header>
<ion-navbar>
<ion-title>
Pagina pricipale
</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item *ngFor="let post of posts">
<img [src]="post.data.url" />
</ion-item>
</ion-list>
</ion-content>
ed una home.ts
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Http } from '@angular/http';
import { HTTP } from '@ionic-native/http/ngx';
import 'rxjs/add/operator/map';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
posts: any;
constructor(public navCtrl: NavController, public http: Http) {
this.http.get('http://businessschool.altervista.org/ionic1.php').map(res =>
res.json()).subscribe(data => {
this.posts = data.data.children;
console.log(this.posts);
});
}
}
L'applicazione in Ionic però non riesce a recuperare i dati e si verificano il seguente errore che sembre dipendere da Altervista:
Access to XMLHttpRequest at 'http://businessschool.altervista.org/ionic1.php' from origin 'http://localhost:8100' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Si può trovare un rimedio a questo problema o no?