Dalla nostra app ionic 2, se abbiamo necessità si richiamare servizi esterni, possiamo imbatterci nel famoso problema “Access-Control-Allow-Origin” quando vogliamo simulare tale app nel browser ($ ionic serve).

L’approccio classico per la risoluzione era quello di aggiungere dei proxypass direttamente su apache (https://httpd.apache.org/docs/current/mod/mod_proxy.html).

La nuova versione di ionic ci facilita il lavoro perchè permette l’inserimento di un proxypass direttamente nel file ionic.config.json.

Un esempio di ionic.config.json con l’aggiunta del proxypass è il seguente:

{
“name”: “proxy-example”,
“app_id”: “”,
“proxies”: [
{
“path”: “/api”,
“proxyUrl”: “http://cors.api.com/api”
}
]
}

Eseguendo ora la simulazione nel browser non avremo più il problema indicato.