What's the difference between --base-href and --deploy-url parameters of angular-cli tool

Rodrigo picture Rodrigo · Jul 5, 2018 · Viewed 67.8k times · Source

The documentation of Angular informs I should use --base-href parameter in the Angular application build for production when it's going to be deployed in a subfolder of server:

If you copy the files into a server sub-folder, append the build flag, --base-href and set the <base href> appropriately.

For example, if the index.html is on the server at /my/app/index.html, set the base href to <base href="/my/app/"> like this.

https://angular.io/guide/deployment

However, the angular-cli has the --deploy-url parameter. The documentation of tool describes it as:

URL where files will be deployed.

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

I have seen solutions that use the --deploy-url insted of --base-href when the application is going to be deployed in a subfolder of server.

The question

What's the difference between --base-href and --deploy-url parameters of angular-cli tool? When should I use each one?

Answer

Mac_W picture Mac_W · Jul 5, 2018
  • Base-href is being used by routing
  • deploy-url is for assets.

In most cases base-href is enough.

Please see these posts: