$httpProvider.interceptors en Angular moderno

Los interceptores pasan a ser funciones simples registradas con provideHttpClient.

Antes · AngularJS

$httpProvider.interceptors.push(function (AuthService) {
  return {
    request: function (config) {
      config.headers.Authorization = 'Bearer ' + AuthService.token;
      return config;
    }
  };
});

Después · Angular

export const authInterceptor: HttpInterceptorFn = (req, next) => {
  const token = inject(AuthService).token();
  return next(token
    ? req.clone({ setHeaders: { Authorization: `Bearer ${token}` } })
    : req);
};

provideHttpClient(withInterceptors([authInterceptor]))

Qué cambia

Las peticiones son inmutables: clona la petición en vez de mutar config.
El manejo de responseError pasa a ser catchError en el observable devuelto.
El orden es explícito: los interceptores corren en el orden del arreglo.

Consejo de migración. Durante la fase híbrida, las peticiones de $http y de HttpClient pasan por interceptores distintos. Deja la lógica del token en un servicio compartido que usen ambos.

Relacionado

¿Planeas una migración o una plataforma de microfrontends?

En una llamada de 20 minutos me cuentas tu situación y te digo cómo la abordaría. Si todavía no vale la pena, también te lo digo.

Escríbeme por LinkedIn