La documentación de Angular informa que debería usar el --base-hrefparámetro en la compilación de la aplicación Angular para producción cuando se vaya a implementar en una subcarpeta del servidor:

Si copia los archivos en una subcarpeta del servidor, agregue el indicador de compilación --base-hrefy establezca el <base href>.

Por ejemplo, si index.htmlestá en el servidor en /my/app/index.html, configure el href base de <base href="https://stackoverflow.com/my/app/">esta manera.

https://angular.io/guide/deployment

Sin embargo, el angular-cli tiene el --deploy-urlparámetro. La documentación de la herramienta la describe como:

URL donde se implementarán los archivos.

https://github.com/angular/angular-cli/wiki/build

He visto soluciones que utilizan el --deploy-urlinsted de --base-hrefcuándo se implementará la aplicación en una subcarpeta del servidor.

La pregunta

¿Cuál es la diferencia entre --base-hrefy los --deploy-urlparámetros de la herramienta angular-cli? ¿Cuándo debo usar cada uno?

• Base-href está siendo utilizado por enrutamiento
• deploy-url es para activos.

En la mayoría de los casos, base-href es suficiente.

Por favor vea estas publicaciones:

• https://github.com/angular/angular-cli/issues/9835

• https://shekhargulati.com/2017/07/06/angular-4-use-of-base-href-and-deploy-url-build-options/

Para poner mis scripts dentro de la carpeta " / test / app1 / script / ", uso este comando :

ng build --prod --base-href /test/app1/ --deploy-url /test/app1/script/

Por lo tanto, mi aplicación es accesible en https://example.com/test/app1/ pero mis scripts JS y CSS están en el directorio https://example.com/test/app1/script/ .

Si quiero usar / users como base de mi aplicación para el enrutador y / public como base para mis activos.

ng build --prod --base-href /users --deploy-url /public 

Consulte el blog de Shekhar Gulati para ver un ejemplo detallado ...