23 - ProvideHttpClient

Olá, pessoal! Nessa vigésima terceira aula do treinamento, iremos configurar o provideHttpClient.

O provideHttpClient é a função usada no Angular (17+) para habilitar o serviço HttpClient na sua aplicação. Ele serve para configurar a injeção de dependência necessária para realizar requisições HTTP (como GET, POST, etc.), substituindo a antiga importação do HttpClientModule.

No arquivo app.config.ts, adicione a seguinte linha abaixo do provideRouter(routes): provideHttpClient(withFetch()).

Compartilho abaixo como ficou o arquivo com essa implementação:


import { ApplicationConfig, provideBrowserGlobalErrorListeners } from '@angular/core';
import { provideRouter } from '@angular/router';

import { routes } from './app.routes';
import { provideHttpClient, withFetch } from '@angular/common/http';

export const appConfig: ApplicationConfig = {
  providers: [
    provideBrowserGlobalErrorListeners(),
    provideRouter(routes),
    provideHttpClient(withFetch())
  ]
};

Abaixo compartilho nossa aula no YouTube, onde ensino adicionar o provideHttpClient: