En mi entorno de desarrollo, tengo un webservice hecho con Java y que està accesible por el puerto 8888.
El frontend es una aplicación javascript Angular y que está accesible por el puerto 4200.
Para evitar problemas de Cross domain (el browser impide que el frontend ejecute peticiones HTTP contra un host/puerto distinto).
Crear el fichero proxy.conf.json en la raíz del proyecto Angular:
{ "/oauth": { "target": "http://localhost:8888", "secure": false } }
Arrancar el servidor de desarrollo indicando la configuración proxy.
ng serve --proxy-config proxy.conf.json
De esta forma, cuando se haga una petición a http://localhost:4200/oauth
, realmente se estará ejecutando contra http://localhost:8888/oauth
.
En producción tendremos que configurar NGINX de la misma manera.