Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Quadro frontal › Padrão de hash de roteamento angular e padrão HTML5
Vista: 15174|Resposta: 0

[Angular] Padrão de hash de roteamento angular e padrão HTML5

[Copiar link]
Publicado em 28/05/2020 16:35:03 | | |
Duas estratégias para roteamento

  • PathLocationStrategy - A política padrão, suportando o estilo "HTML 5 pushState".
  • HashLocationStrategy - Suporta o estilo "hash URL".

Qual estratégia é melhor?

Você precisa escolher uma estratégia e fazer isso logo no início do projeto. Uma vez que o app está em produção, não é fácil alterá-lo porque já há muitas referências à URL do app.

Quase todos os projetos Angular usam o estilo padrão HTML 5. As URLs que ele gera são mais fáceis de entender pelos usuários, e também deixa espaço para renderização do lado do servidor no futuro.

Renderizar uma determinada página no lado do servidor é uma técnica que pode melhorar muito a capacidade de resposta do app quando ele carrega pela primeira vez. Aplicativos que normalmente levariam dez segundos ou mais para carregar podem ser renderizados no lado do servidor com antecedência e renderizados no dispositivo do usuário em menos de um segundo.

Essa opção só funciona se a URL do app parecer uma URL web padrão sem hash(#) no meio.

A menos que você tenha um motivo forte para usar roteamento por hash, deve manter o estilo padrão de roteamento HTML 5。

Angular-cli usa o modo HTML5 History por padrão,

http://localhost:4200/task-list tipo URL,

URLs parecem mais confortáveis e bonitas. Atualizar na página de roteamento resultará em 404

Existe também um padrão que é o padrão hash,

http://localhost:4200/#/task-list tipo URL,

Ir para a página da rota e atualizá-la ainda permanecerá na rota atual.

Ative o método do modo de roteamento de hash

app.module.ts introduzido e fornecedor






Anterior:SQL Server consulta os dias anteriores do horário atual do sistema
Próximo:Altura da configuração CSS: solução 100% inválida

Posts Relacionados
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com