Исключение NativeScript, когда я добавляю {обеспечить: HTTP_INTERCEPTOR .....} - PullRequest
Новая
       44

Исключение NativeScript, когда я добавляю {обеспечить: HTTP_INTERCEPTOR .....}

0 голосов
/ 28 августа 2018

Эй, ребята! Вот над чем я работаю:

https://github.com/jonny720/do-here-client/blob/master/do-here/app/%40shared/services/aute.interceptor.ts

У меня проблема с HTTP_INTERCEPTOR. Я хочу создать перехватчик, который будет добавлять заголовки к каждому http-запросу в моем приложении.

но при добавлении этой строки в app.module.ts приложение не запускается.

провайдеры: [{обеспечить: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true}]

в чем, по-вашему, может быть проблема? спасибо:)

auth.interceptor.ts: 

import { Injectable } from "@angular/core";
import {HttpRequest,HttpHandler,HttpEvent,HttpInterceptor} from '@angular/common/http';
import { AuthGuard } from './auth-guard.service';
import { Observable } from "../../../node_modules/rxjs";

@Injectable()
export class AuthInterceptor implements HttpInterceptor {
  // constructor(public auth: AuthGuard){}
    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
      // const authToken = appSettings.getString('token');
      // console.log("token is  "+authToken);

      //   request = request.clone({
      //       setHeaders: {
      //         Authorization: `Bearer ${appSettings.getString('token')}`
      //       }
      //     });
      console.log("intercepted", request);
          return next.handle(request);
        }
}

app.module.ts: 

import { NgModule, NO_ERRORS_SCHEMA, Injectable, ModuleWithProviders } from "@angular/core";
import { NativeScriptModule } from "nativescript-angular/nativescript.module";
import { AppComponent } from "./app.component";
import { NativeScriptRouterModule } from "nativescript-angular/router";
import { NativeScriptHttpModule } from "nativescript-angular/http";
import { NativeScriptHttpClientModule } from "nativescript-angular/http-client";
import { SharedModule } from "~/@shared/shared.module";
import { PagesModule } from "~/pages/pages.module";
import { APP_ROUTES } from "~/app.routes";
import { NativeScriptFormsModule } from "nativescript-angular/forms";
import { HTTP_INTERCEPTORS } from "../node_modules/@angular/common/http";
import { AuthInterceptor} from "~/@shared/services/aute.interceptor";

@NgModule({
    bootstrap: [AppComponent],
    imports: [
        NativeScriptHttpClientModule,
        NativeScriptRouterModule,
        NativeScriptRouterModule.forRoot(APP_ROUTES),
        NativeScriptModule,
        NativeScriptFormsModule,
        SharedModule.forRoot(),
        PagesModule
    ],
    declarations: [AppComponent,],
    providers: [ {provide: HTTP_INTERCEPTORS, useClass:AuthInterceptor, multi:true}],
    schemas: [NO_ERRORS_SCHEMA]
})
export class AppModule { }

1 Ответ

0 голосов
/ 28 августа 2018

Попробуйте вставить общий модуль :

shared.module.ts: 

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

в app.module.ts: 

import { SharedModule } from './shared/shared.module';


imports: [

        SharedModule
   ]
...