向standAlone组件中添加

Question

我试图将拦截器添加到独立组件中，方法是将拦截器添加到组件本身( providers )中的{ provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true }数组中，但它不起作用.

下面是指向代码的链接

谢谢:)

Answer 1

我在main.ts文件中这样使用它：

bootstrapApplication(AppComponent, {
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true }
  ]
}

如果您的应用程序是引导的usig独立组件，它就能工作。如果您使用模块并尝试在此体系结构中实现独立组件，则需要将其添加到app.module.ts.提供程序中。

@NgModule({
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true }
  ]
})

以下是来自文档的链接，这些链接可能会有所帮助

https://angular.io/guide/standalone-components#bootstrapping-an-application-using-a-standalone-component

https://angular.io/guide/http#provide-the-interceptor