如何在导出的函数中禁用拦截器？

Question

我使用 ngx-translator 进行本地化。当我尝试读取本地化存储在本地文件夹中的 json 文件时，我收到错误 HttpErrorResponse {headers: HttpHeaders, status: 404, statusText: "Not Found", url: "http:/host.com/api/资产/i18n/en.json”，好的：假，...}。我认为问题出在我在应用程序中使用的拦截器中。

// app.module.ts
export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http, 'assets/i18n/', '.json');
}

如何在此功能中禁用拦截器？我试图将标头设置为 X-Skip-Interceptor，但它没有帮助。

Answer 1

您可以使用 HttpBackend

注入后，HttpBackend 将请求直接分派到后端，无需通过拦截器链。

在您的 app.module.ts 中，将 HttpBackend 作为 deps 而不是 HttpClient

TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: (HttpLoaderFactory),
        deps: [HttpBackend],
      },
    }),

并修改 HttpLoaderFactory 如下

export function HttpLoaderFactory(handler: HttpBackend) {

    const http = new HttpClient(handler);

    return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}