La documentazione di Angular informa che dovrei usare il --base-hrefparametro nella build dell'applicazione Angular per la produzione quando verrà distribuito in una sottocartella del server:

Se copi i file in una sottocartella del server, aggiungi il flag di build --base-hrefe imposta il file <base href>.

Ad esempio, se si index.htmltrova sul server in /my/app/index.html, imposta href di base in <base href="https://stackoverflow.com/my/app/">questo modo.

https://angular.io/guide/deployment

Tuttavia, l'angular-cli ha il --deploy-urlparametro. La documentazione dello strumento lo descrive come:

URL in cui verranno distribuiti i file.

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

Ho visto soluzioni che utilizzano l' --deploy-urlistante di --base-hrefquando l'applicazione verrà distribuita in una sottocartella del server.

La domanda

Qual è la differenza tra --base-hrefe i --deploy-urlparametri dello strumento angolare-cli? Quando dovrei usarli?

• Base-href viene utilizzato dal routing
• deploy-url è per gli asset.

Nella maggior parte dei casi è sufficiente base-href.

Si prega di vedere questi post:

• 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/

Per inserire i miei script nella cartella " / test / app1 / script / ", utilizzo questo comando :

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

Pertanto la mia app è accessibile su https://example.com/test/app1/ ma i miei script JS e CSS si trovano nella directory https://example.com/test/app1/script/ .

Se desidero utilizzare / users come base applicativa per il router e / public come base per le mie risorse.

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

Vedi il blog di Shekhar Gulati per un esempio dettagliato ...