Estoy haciendo una prueba con ionic en la cual realizo una petición http a un servicio.
Este servicio no tiene implementado CORS, con lo cual tengo que crear un proxy para evitar esto (esto es lo que me han dicho, creo que es así).
Mi app es muy sencilla, símplemente quiero hacer la petición http que he dicho anteriormente.
Para hacer mi app he hecho lo que se indica en esta web: https://reviblog.net/2017/06/19/tutorial-de-ionic-comunicaciones-http-api-rest/
En este ejemplo se hace una petición a una web que tiene implementada CORS, con lo cual la petición no da problemas pero al hacerla sobre mi servidor da el siguiente error:
"Origen http://localhost:8100 no encontrado en el encabezado Access-Control-Allow-Origin"
Para solucionar esto, he intentado lo que indica en el siguiente enlace: https://stackoverflow.com/questions/37172928/angular-cli-server-how-to-proxy-api-requests-to-another-server/39715785
Según esta resùesta he dejado mi fichero packaje.json de la siguiente manera:
{
"name": "pruebahttp1",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"lint": "ionic-app-scripts lint",
"ionic:build": "ionic-app-scripts build",
"ionic:serve": "ionic-app-scripts serve",
"start": "ng serve --proxy-config proxy.conf.json" <--Esto es lo que he añadido
},
"dependencies": {
"@angular/common": "5.0.3",
"@angular/compiler": "5.0.3",
"@angular/compiler-cli": "5.0.3",
"@angular/core": "5.0.3",
"@angular/forms": "5.0.3",
"@angular/http": "5.0.3",
"@angular/platform-browser": "5.0.3",
"@angular/platform-browser-dynamic": "5.0.3",
"@ionic-native/core": "4.4.0",
"@ionic-native/splash-screen": "4.4.0",
"@ionic-native/status-bar": "4.4.0",
"@ionic/pro": "1.0.20",
"@ionic/storage": "2.1.3",
"ionic-angular": "3.9.2",
"ionicons": "3.0.0",
"rxjs": "5.5.2",
"sw-toolbox": "3.6.0",
"zone.js": "0.8.18"
},
"devDependencies": {
"@ionic/app-scripts": "3.1.8",
"typescript": "2.4.2"
},
"description": "An Ionic project"
}
Y he creado el fichero proxy.config.json de esta manera:
{
"/api": {
"target": "http://195.235.55.21:50072",
"secure": false
}
}
{
"/angular": {
"target": {
"host": "195.235.55.21",
"protocol": "http:",
"port": 50072
},
"secure": false,
"changeOrigin": true,
"logLevel": "info"
}
}
Para ejecutar la app hasta ahora utilizaba ionic serve -l pero ahora me dice que tengo que utilizar el comando npm start y al utilizarlo no me ejecuta la app y me indica lo siguiente:
ng serve --proxy-config proxy.conf.json
As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release, which will only support Node 6.9 and greater. This package will be officially deprecated shortly after.
To disable this warning use "ng set --global warnings.packageDeprecation=false". You have to be inside an angular-cli project in order to use the serve command. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start:
ng serve --proxy-config proxy.conf.json
npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.npm ERR! A complete log of this run can be found in: npm ERR!
C:\Users\Usuario\AppData\Roaming\npm-cache_logs\2018-03-12T11_26_14_674Z-debug.log
¿Alguna idea para poder arreglarlo? Gracias