A documentação do Angular informa que devo usar o --base-hrefparâmetro no build do aplicativo Angular para produção quando ele for implantado em uma subpasta do servidor:

Se você copiar os arquivos em uma subpasta do servidor, anexe o sinalizador de compilação --base-hrefe defina o <base href>apropriado.

Por exemplo, se index.htmlestiver no servidor em /my/app/index.html, defina o href de base para <base href="https://stackoverflow.com/my/app/">assim.

https://angular.io/guide/deployment

No entanto, o angular-cli tem o --deploy-urlparâmetro. A documentação da ferramenta descreve como:

URL onde os arquivos serão implantados.

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

Eu vi soluções que usam o --deploy-urlinstado de --base-hrefquando o aplicativo será implantado em uma subpasta do servidor.

A questão

Qual é a diferença entre os parâmetros --base-hrefe --deploy-urlda ferramenta angular-cli? Quando devo usar cada um?

• Base-href está sendo usado por roteamento
• deploy-url é para ativos.

Na maioria dos casos, base-href é suficiente.

Por favor, veja estas postagens:

• 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 colocar meus scripts dentro da pasta " / test / app1 / script / ", uso este comando :

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

Portanto, meu aplicativo pode ser acessado em https://example.com/test/app1/, mas meus scripts JS e CSS estão no diretório https://example.com/test/app1/script/ .

Se eu quiser usar / users como minha base de aplicativo para o roteador e / public como base para meus ativos.

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

Veja o blog de Shekhar Gulati para um exemplo detalhado ...