angular - escape - Personalizar ng servicio para llamadas de proxy a/api?

ng-bind-html angularjs

Question

ng new babysteps cd babysteps ng serve una nueva aplicación con ng CLI, funciona como un encanto: ng new babysteps cd babysteps ng serve ng serve usa webpack para ensamblar la aplicación. Para probarlo completamente, necesito servir /api... desde mi servidor simulado de API (específicamente las solicitudes POST). ¿Cómo puedo personalizar el servidor web utilizado para redirigir ese patrón de URL?

El servidor de desarrollo Webpack tiene una configuración de proxy , pero parece que (?) ng serve no tiene un archivo de configuración (o no lo obtuve).

¿Necesito crear un webpack.config.js o crear / editar algún otro archivo para proxy?

Answer 1

De hecho, puede configurar un proxy para backend con el cli angular, con el --proxy-config .

Aquí hay más o menos una copia-pegar de la documentation :

Digamos que tenemos un servidor que se ejecuta en http://localhost:3000/api y queremos que todas las llamadas a http://localhost:4200/api vayan a ese servidor.

Creamos un archivo junto al proyecto package.json llamado proxy.conf.json con el contenido

{ "/api": { "target": "http://localhost:3000", "secure": false } }

[...]

y luego editamos el script de inicio del archivo package.json para que sea

"start": "ng serve --proxy-config proxy.conf.json" , ahora ejecútelo con npm start