Quelle est la différence entre les paramètres --base-href et --deploy-url de l'outil angular-cli ?

Question

La documentation d'Angular informe qu'il faut utiliser le paramètre --base-href lors de la construction de l'application Angular pour la production lorsqu'elle va être déployée dans un sous-dossier:

Si vous copiez les fichiers dans un sous-dossier du serveur, ajoutez le drapeau de construction, --base-href et configurez le correctement.

Par exemple, si le fichier index.html est sur le serveur à /mon/app/index.html, configurez le base href en de cette manière.

https://angular.io/guide/deployment

Cependant, l'angular-cli a le paramètre --deploy-url. La documentation de l'outil le décrit comme suit:

URL où les fichiers seront déployés.

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

J'ai vu des solutions qui utilisent le paramètre --deploy-url plutôt que --base-href lorsque l'application va être déployée dans un sous-dossier.

La question

Quelle est la différence entre les paramètres --base-href et --deploy-url de l'outil angular-cli? Quand devrais-je utiliser chacun?

Answer 1

• Base-href est utilisé par le routage
• deploy-url est pour les ressources.

Dans la plupart des cas, base-href est suffisant.

Veuillez consulter ces publications :

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

Answer 2

Pour mettre mes scripts dans le dossier "/test/app1/script/", j'utilise cette commande :

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

Ainsi, mon application est accessible à https://example.com/test/app1/ mais mes scripts JS et CSS se trouvent dans le répertoire https://example.com/test/app1/script/.

Answer 3

Si je veux utiliser /utilisateurs comme base de mon application pour le routeur et /public comme base pour mes ressources.

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

Consultez le blog de Shekhar Gulati pour un exemple détaillé...