Angular Proxy Config para evitar errores de Cross Domain

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.