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 › Série Angular 18 (Vinte e Três) Interceptação Cliente Http...
Vista: 2354|Resposta: 1

[Angular] Interceptadores HttpClient da série Angular 18 (23) usados

[Copiar link]
Postado em 2024-9-25 14:11:48 | | | |
Requisitos: No framework Angular, as requisições HTTP são enviadas com base no HttpClient, que suporta um middleware chamado interceptor, fácil de implementar implementando o método intercept no HttpInterceptor enviando todas as requisições HTTP.

Primeiro, crie um novo projeto Angular com o seguinte comando:

O interceptador é então criado via comando CLI, que é o seguinte:

A função interceptadora gera o link URL da solicitação e adiciona o cabeçalho da requisição, http-auth-interceptor.service.ts o código-fonte é o seguinte:

Modifique o arquivo app.config.ts para adicionar a configuração da seguinte forma:

Tente enviar uma requisição HTTP em um componente com o seguinte código:

As renderizações são as seguintes:



Referência:O login do hiperlink está visível.





Anterior:Solução chinesa distorcida do Console de Gerenciamento de Pacotes VS 2022
Próximo:O JavaScript recebe o nome do fuso horário e o valor do fuso horário para a localização atual

Posts Relacionados
 Senhorio| Postado em 25-09-2024 às 14:14:50 |
Código-fonte do HttpAuthInterceptorService:




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