Etiqueta href de base angular

Pequeno · Publicado em 05/03/2020 21:14:07

Tag base

<base href="..."/> em HTML é usado para especificar um endereço base para resolver caminhos relativos, como imagens, scripts e folhas de estilo. Por exemplo, se você especificar <base href="/my/app/">, o navegador vai analisar uma URL como some/place/foo.jpg em uma requisição do lado do servidor para my/app/some/place/foo.jpg. Durante a navegação, o roteador Angular usa o href base como endereço base para arquivos de componentes, templates e módulos.

Durante o desenvolvimento, geralmente você inicia o servidor no diretório onde index.html fica. Esse diretório é o diretório raiz, e como / é a raiz dessa aplicação, você precisa adicionar a <base href="/" > no topo da index.html.

No entanto, em um servidor compartilhado ou de produção, talvez seja necessário iniciar o servidor a partir de um subdiretório. Por exemplo, ao carregar a URL dessa aplicação éhttp://www.mysite.com/my/app/O subdiretório é meu/app/, e você precisa adicionar <base href="/meu/app/" > à versão servidor do index.html.

Quando a tag base não está configurada, o app falha ao carregar e alguns erros 404 - Não Encontrado são exibidos no console do navegador para esses arquivos ausentes. Veja onde o navegador está tentando encontrar esses arquivos e ajuste as tags base apropriadas.

[Angular] Etiqueta href de base angular

Posts Relacionados

Seções visualizadas