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.